diff --git a/common/activities.py b/common/activities.py
index d47dcbc6a..0146b40da 100644
--- a/common/activities.py
+++ b/common/activities.py
@@ -84,7 +84,7 @@ def activity_from_data_request_project(project, user=None):
             "label": project.id_label,
             "name": project.name,
             "url": "direct-sharing/images/badge.png",
-            "href": reverse("activity-management", kwargs={"source": project.slug}),
+            "href": reverse("activity", kwargs={"slug": project.slug}),
         },
         "source_name": project.id_label,
         "project": project,
diff --git a/common/tasks.py b/common/tasks.py
index ba66e5f2f..563a74295 100644
--- a/common/tasks.py
+++ b/common/tasks.py
@@ -37,7 +37,7 @@ def send_emails(project_id, project_members, subject, message, all_members=False
             "project": project.name,
             "username": project_member.member.user.username,
             "activity_management_url": full_url(
-                reverse("activity-management", kwargs={"source": project.slug})
+                reverse("activity", kwargs={"slug": project.slug})
             ),
             "project_message_form": full_url(
                 reverse("activity-messaging", kwargs={"source": project.slug})
diff --git a/data_import/templates/data_import/datatypes-detail.html b/data_import/templates/data_import/datatypes-detail.html
index d7c8baf44..f27c97772 100644
--- a/data_import/templates/data_import/datatypes-detail.html
+++ b/data_import/templates/data_import/datatypes-detail.html
@@ -45,7 +45,7 @@ <h4 class="card-subtitle">{{ object.description }}</h4>
       {% if object.source_projects.all %}
       <ul>
         {% for project in object.source_projects.all %}
-        {% if project.approved %}<li><a href="{% url 'activity-management' project.slug %}">{{ project.name }}</a></li>{% endif %}
+        {% if project.approved %}<li><a href="{% url 'activity' project.slug %}">{{ project.name }}</a></li>{% endif %}
         {% endfor %}
       </ul>
       {% endif %}
diff --git a/open_humans/templates/member/activity.html b/open_humans/templates/member/activity.html
new file mode 100644
index 000000000..6a74becde
--- /dev/null
+++ b/open_humans/templates/member/activity.html
@@ -0,0 +1,59 @@
+{% extends 'base-bs4.html' %}
+{% load static %}
+{% load utilities %}
+
+{% block head_title %}{{ project.name }}{% endblock %}
+
+{% block meta_description %}&quot;{{ project.name }}&quot; on Open Humans: {{ project.long_description }}{% endblock meta_description %}
+
+{% block main %}
+<div class="d-flex mt-4">
+    <div class="flex-grow-1 mb-3">
+        <div class="d-none d-sm-inline-block">
+            <h1>{{ project.name }}</h1>
+            {% include 'partials/activity-info-short-bs4.html' %}
+        </div>
+        <div class="d-flex justify-content-center d-sm-none">
+          <div class="w-25 m-2">
+            <img class="img-fluid" src="{% static 'images/default-badge.png' %}">
+          </div>
+        </div>
+        <div class="d-flex justify-content-center d-sm-none text-center">
+            <h1 class="justify-content-center">{{ project.name }}</h1>
+        </div>
+        <div class="d-flex justify-content-center d-sm-none">
+            {% include 'partials/activity-info-short-bs4.html' %}
+        </div>
+    </div>
+    <div class="d-none d-sm-inline-block w-25">
+        <img class="img-fluid max-width px-sm-1 pt-sm-1 px-md-3 pt-md-2" src="{% static 'images/default-badge.png' %}" style="max-height:10rem;">
+    </div>
+</div>
+<h2>About {{ project.name }}</h2>
+<p>{{ project.long_description|markdown }}</p>
+<ul class="nav nav-tabs" id="activity-panel-nav" role="tablist">
+
+  <li class="nav-item">
+    <a class="nav-link active" id="activity-panel-info-tab" data-toggle="tab"
+      href="#activity-panel-info" role="tab" aria-controls="activity-panel-info"
+      aria-selected="true">Info</a>
+  </li>
+  {% if project.returned_data_description or member_data_files %}
+  <li class="nav-item">
+    <a class="nav-link{% if not member_data_files %} disabled{% endif %}" id="activity-panel-data-tab" data-toggle="tab"
+      href="#activity-panel-data" role="tab" aria-controls="activity-panel-data"
+      aria-selected="false">Data</a>
+  </li>
+  {% endif %}
+</ul>
+<div class="tab-content mt-3" id="myTabContent">
+  <div class="tab-pane fade show active" id="activity-panel-info" role="tabpanel"
+      aria-labelledby="activity-panel-info-tab">
+    {% include 'partials/activity-panel-info.html' %}
+  </div>
+  <div class="tab-pane fade" id="activity-panel-data" role="tabpanel"
+      aria-labelledby="activity-panel-data-tab">
+    {% include 'partials/activity-panel-data.html' %}
+  </div>
+</div>
+{% endblock main %}
diff --git a/open_humans/templates/member/my-member-joined.html b/open_humans/templates/member/my-member-joined.html
index 55b956ca1..66349cde1 100644
--- a/open_humans/templates/member/my-member-joined.html
+++ b/open_humans/templates/member/my-member-joined.html
@@ -22,7 +22,7 @@ <h2>Current projects</h2>
       <li>
         <p>
           <b><a href="{% if project.slug %}
-                      {% url 'activity-management' project.slug %}
+                      {% url 'activity' project.slug %}
                       {% else %}
                       {% url 'direct-sharing:join-on-site' slug=project.slug %}
                       {% endif %}">{{ project.name }}</a></b><br>
@@ -43,7 +43,7 @@ <h2>Past projects</h2>
       <li>
         <p>
           <b><a href="{% if project.slug %}
-                      {% url 'activity-management' project.slug %}
+                      {% url 'activity' project.slug %}
                       {% else %}
                       {% url 'direct-sharing:join-on-site' slug=project.slug %}
                       {% endif %}">{{ project.name }}</a></b><br>
diff --git a/open_humans/templates/pages/data-processing-activities.html b/open_humans/templates/pages/data-processing-activities.html
index 685dc85cd..cc4eccb08 100644
--- a/open_humans/templates/pages/data-processing-activities.html
+++ b/open_humans/templates/pages/data-processing-activities.html
@@ -116,7 +116,7 @@ <h5>Project data</h5>
     </p>
     <ul>
       {% for project in project_data_sources %}
-      <li><b><a href="{% url 'activity-management' project.slug %}">{{ project.name }}:</a></b> {{ project.returned_data_description }}</li>
+      <li><b><a href="{% url 'activity' project.slug %}">{{ project.name }}:</a></b> {{ project.returned_data_description }}</li>
       {% endfor %}
     </ul>
     <h3>Categories of data recipients</h3>
@@ -141,13 +141,13 @@ <h4>Projects</h4>
     </p>
     <ul>
       {% for project in project_data_recipients %}
-      <li><b><a href="{% url 'activity-management' project.slug %}">{{ project.name }}</a>:</b>
+      <li><b><a href="{% url 'activity' project.slug %}">{{ project.name }}</a>:</b>
         Led by {{ project.leader }}
         {% if project.organization %}({{ project.organization }}){% endif %}<br>
         Receiving:
         <ul style="padding-bottom:8px;">
           {% for source_proj in project.requested_sources.all %}
-          <li><a href="{% url 'activity-management' source_proj.slug %}">{{ source_proj.name }}</a></li>
+          <li><a href="{% url 'activity' source_proj.slug %}">{{ source_proj.name }}</a></li>
           {% endfor %}
         </ul>
       </li>
diff --git a/open_humans/templates/partials/activity-feed-item.html b/open_humans/templates/partials/activity-feed-item.html
index 15f10a5d8..baaed5a3e 100644
--- a/open_humans/templates/partials/activity-feed-item.html
+++ b/open_humans/templates/partials/activity-feed-item.html
@@ -27,12 +27,12 @@
       <b><a href="{% url 'member-detail-direct' event.member.user.username %}">{{ event.member.name }}</a></b>
       (<a href="{% url 'member-detail-direct' event.member.user.username %}">{{ event.member.user.username }}</a>)
         joined
-        <b><a href="{% url 'activity-management' event.project.slug %}">{{ event.project.name }}</a></b>.
+        <b><a href="{% url 'activity' event.project.slug %}">{{ event.project.name }}</a></b>.
       {% elif event.action == 'publicly-shared' %}
       <b><a href="{% url 'member-detail-direct' event.member.user.username %}">{{ event.member.name }}</a></b>
       (<a href="{% url 'member-detail-direct' event.member.user.username %}">{{ event.member.user.username }}</a>)
       publicly shared
-      <b><a href="{% url 'activity-management' event.project.slug %}">{{ event.project.name }}</a></b>
+      <b><a href="{% url 'activity' event.project.slug %}">{{ event.project.name }}</a></b>
       data.
       {% endif %}
       <br>
diff --git a/open_humans/templates/partials/activity-info-short-bs4.html b/open_humans/templates/partials/activity-info-short-bs4.html
new file mode 100644
index 000000000..a11f972c9
--- /dev/null
+++ b/open_humans/templates/partials/activity-info-short-bs4.html
@@ -0,0 +1,9 @@
+<div class="d-flex mb-1">
+  <div class="pr-3"><b>Managed by:</b></div>
+  <div>
+    {{ project.leader }}
+    {% if project.organization %}
+    <br><span class="text-muted">{{ project.organization}}</span>
+    {% endif %}
+  </div>
+</div>
\ No newline at end of file
diff --git a/open_humans/templates/partials/activity-management-project-permissions.html b/open_humans/templates/partials/activity-management-project-permissions.html
index 5ed2cf2c8..dd0f50aee 100644
--- a/open_humans/templates/partials/activity-management-project-permissions.html
+++ b/open_humans/templates/partials/activity-management-project-permissions.html
@@ -28,7 +28,7 @@
       {% for requested_project in permissions.share_sources %}
 
       <li>
-        <a href="{% url 'activity-management' source=requested_project.slug %}">
+        <a href="{% url 'activity' requested_project.slug %}">
           <strong>{{ requested_project.name }}</strong>
         </a>
         {% project_is_connected requested_project user as connected %}
diff --git a/open_humans/templates/partials/activity-management-sharing-opportunities.html b/open_humans/templates/partials/activity-management-sharing-opportunities.html
index 5eae7c80c..eba3d798a 100644
--- a/open_humans/templates/partials/activity-management-sharing-opportunities.html
+++ b/open_humans/templates/partials/activity-management-sharing-opportunities.html
@@ -11,7 +11,7 @@ <h2>Sharing Opportunities</h2>
 <ul>
   {% for requesting_activity in requesting_activities %}
   <li>
-    <a href="{% url 'activity-management' source=requesting_activity.slug %}">
+    <a href="{% url 'activity' requesting_activity.slug %}">
       {{ requesting_activity.name }}:
     </a>
 
diff --git a/open_humans/templates/partials/activity-panel-data.html b/open_humans/templates/partials/activity-panel-data.html
new file mode 100644
index 000000000..948d91fa3
--- /dev/null
+++ b/open_humans/templates/partials/activity-panel-data.html
@@ -0,0 +1,42 @@
+{% load static %}
+{% load utilities %}
+{# the "data" panel on an activity page #}
+<h2>Your Data</h2>
+<table class="table table-hover">
+  <thead>
+    <tr>
+      <th scope="col">Filename</th>
+      <th scope="col">Description</th>
+      <th scope="col">Download link</th>
+      <th scope="col">Tags</th>
+      <th scope="col">DataTypes</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% for datafile in member_data_files|dictsort:'basename' %}
+    <tr>
+      <td>{{ datafile.basename }}</td>
+      <td>
+        <small>
+          {% if datafile.size %}<b>({{ datafile.size|filesizeformat }})</b>{% endif %}
+          {{ datafile.description }}
+        </small>
+      </td>
+      <td>
+        <a class="btn btn-primary-hollow btn-sm" href="{% get_download_url datafile %}" download>
+          Download</a>
+      </td>
+      <td>
+        {% for tag in datafile.tags %}
+        <span class="badge" style="background-color: #c9ecef">{{ tag }}</span>
+        {% endfor %}
+      </td>
+      <td>
+        {% for datatype in datafile.datatypes.all %}
+        <a href="{% url 'data-management:datatypes-detail' datatype.id %}">{{ datatype.name }}</a>{% if not forloop.last %}, {% endif %}
+        {% endfor %}
+      </td>
+    </tr>
+    {% endfor %}
+  </tbody>
+</table>
\ No newline at end of file
diff --git a/open_humans/templates/partials/activity-panel-info.html b/open_humans/templates/partials/activity-panel-info.html
new file mode 100644
index 000000000..488cb25db
--- /dev/null
+++ b/open_humans/templates/partials/activity-panel-info.html
@@ -0,0 +1,343 @@
+{% load static %}
+{% load utilities %}
+{# the "info" panel on an activity page #}
+<div class="row">
+  <div class="col-md">
+    <h2>Project membership</h2>
+
+    {# Project membership: joined #}
+    {% if project_member %}
+
+      {# Membership info #}
+      <div class="mb-3">
+        <div class="mb-1">
+            <b class="mr-2">Joined:</b>
+            {{ project_member.joined_date|date }}
+        </div>
+        <div class="mb-1">
+            <b class="mr-2">Project member ID:</b>
+            {{ project_member.project_member_id }}
+        </div>
+        <div class="mb-1">
+          <b class="mr-2">Membership status:</b>
+          {% if project_member.visible %}
+          Visible
+          {% else %}
+          Hidden
+          {% endif %}
+        </div>
+        <div class="mb-1">
+          <b class="mr-2">Project data status:</b>
+          {% if project_member.publicdataaccess.is_public %}
+          Public
+          {% else %}
+          Private
+          {% endif %}
+        </div>
+      </div>
+      {# end of: Membership info #}
+
+      {# Message project button #}
+      <div class="d-flex mb-3">
+        <div class="pr-3">
+          <a class="btn btn-primary-hollow btn-md"
+            href="{% url 'activity-messaging' source=project.slug %}">Message&nbsp;project</a>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+            Send a message to project coordinators.
+          </div>
+        </div>
+      </div>
+      {# end of: Message project button #}
+
+      {# Membership visibility button #}
+      <div class="d-flex mb-3">
+        {# Hidden form logic for toggling membership visibility #}
+        <form class="toggle-visibility" method="post" id="membership-visibility-form">
+          {% csrf_token %}
+          {% if project_member.visible %}
+            <input type="hidden" name="visible_status" value="False">
+          {% else %}
+            <input type="hidden" name="visible_status" value="True">
+          {% endif %}
+        </form>
+
+        {# Buttons for membership visibility form #}
+        {% if project_member.visible %}
+        <div class="d-flex align-items-center pr-3">
+          <button type="submit" form="membership-visibility-form"
+              class="btn btn-primary-hollow btn-md">
+            Hide&nbsp;membership</button>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+            Click here to make your membership
+            in this project private.
+          </div>
+        </div>
+        {% else %}
+        <div class="d-flex align-items-center pr-3">
+          <button type="submit" form="membership-visibility-form"
+              class="btn btn-primary-hollow btn-md">
+            Show&nbsp;membership</button>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+            Click here to make your membership
+            in this project visible to others.
+          </div>
+        </div>
+        {% endif %}
+      </div>
+      {# end of: Membership visibility button #}
+
+      {# Public data button #}
+      {# only show if files exist or project plans to add data #}
+      {% if member_data_files or project.returned_data_description %}
+      <div class="d-flex mb-3">
+        {% if project.no_public_data or not project_member.member.public_data_participant.enrolled %}
+        <div class="pr-3">
+          <button class="btn btn-primary-hollow btn-md" disabled
+            >Make&nbsp;data&nbsp;public</a>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+            {% if project.no_public_data %}
+            Sorry, the option for public data sharing is disabled for this project.
+            {% elif not project_member.member.public_data_participant.enrolled %}
+            This option is only available to members that have activated the
+            <a href='{% url 'public-data:home' %}'>Public Data Sharing</a> feature.
+            {% endif %}
+          </div>
+        </div>
+        {% else %}
+        <form id="toggle-public-sharing-form"
+              action="{% url 'public-data:toggle-sharing' %}" method="POST"
+              style="display: inline-block;">
+          {% csrf_token %}
+          <input type="hidden" name="next" value="{{ request.path }}">
+          <input type="hidden" name="source" value="{{ project.id_label }}">
+          {% if project_member.publicdataaccess.is_public %}
+            <input type="hidden" name="public" value="False">
+          {% else %}
+            <input type="hidden" name="public" value="True">
+          {% endif %}
+        </form>
+        <div class="pr-3">
+          <button type="submit" form="toggle-public-sharing-form"
+                class="btn btn-primary-hollow btn-md">
+            {% if project_member.publicdataaccess.is_public %}
+            Stop&nbsp;public&nbsp;sharing
+            {% else %}
+            Make&nbsp;data&nbsp;public
+            {% endif %}
+          </button>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+            {% if project_member.publicdataaccess.is_public %}
+            Stop publicly sharing data from this project.
+            Only share with specifically authorized recipients.
+            {% else %}
+            Publicly share data from this project. If membership
+            is visible, your data also appears on your profile.
+            {% endif %}
+          </div>
+        </div>
+        {% endif %}
+
+      </div>
+      {% endif %}
+      {# end of: Public data button #}
+
+      {# Leave project button #}
+      <div class="d-flex mb-3">
+        <div class="pr-3">
+          <a class="btn btn-primary-hollow btn-md"
+            href="{% url 'direct-sharing:leave-project' pk=project_member.pk %}?next={{ request.path }}">Leave&nbsp;project</a>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+              Immediately revoke all permissions, and optionally delete data
+              deposited by the project.
+          </div>
+        </div>
+      </div>
+      {# end of: Leave project button #}
+
+    {# end of: Project membership: joined #}
+
+    {% else %}
+    {# Project membership: not joined / anonymous user #}
+
+      <p>You have not joined <b>{{ project.name }}</b> yet.</p>
+      <div class="d-flex mb-3">
+        <div class="d-flex align-items-center pr-3">
+          <a class="btn btn-primary btn-lg" href="{{ project.join_url }}">{{ project.connect_verb|title }}&nbsp;project</a>
+        </div>
+        <div class="d-flex align-items-center">
+          <div class="reduced text-muted">
+            You'll review terms and permissions before finalizing authorization.
+          </div>
+        </div>
+      </div>
+      {% if requests_permissions or project.returned_data_description %}
+      <hr>
+      <h3>
+        {% if not requests_permissions %}Added data
+        {% elif not project.returned_data_description %}Permissions
+        {% else %}Permissions &amp; added data{% endif %}
+      </h3>
+      {% include 'partials/activity-permissions-bs4.html' %}
+      {% endif %}
+
+    {% endif %} {# / if project_member #}
+
+    <hr class="d-md-none">
+  </div>
+
+  <div class="col-md">
+    {% if requesting_projects %}
+      <h2>Projects &amp; studies</h2>
+      <p class="mb-1">
+        You can use &amp; share your data from {{ project.name }} with the
+        following other projects:
+      </p>
+      <div class="d-flex flex-wrap p-2">
+        {% for req_project in requesting_projects %}
+        <div class="w-25">
+          <a href="{% url 'activity' req_project.slug %}">
+            <div class="d-flex justify-content-center">
+              <div>
+                <img src="{% static 'images/default-badge.png' %}" style="height:3rem;">
+              </div>
+            </div>
+            <div class="d-flex justify-content-center">
+              <div class="small text-center">{{ req_project.name }}</div>
+            </div>
+          </a>
+        </div>
+        {% endfor %}
+      </div>
+      <hr>
+    {% endif %}
+    {% if notebooks %}
+      <h2>Notebooks</h2>
+      <p>You can explore your data from {{ project.name }} with the
+        following <a href="{% url 'activity' 'junos-personal-data-exploratory' %}">personal
+        data notebooks</a>.
+      </p>
+      <ul>
+      {% for notebook in notebooks %}
+        <li><a href="{{ notebook.details_url }}">{{ notebook.name }}</a>
+          by <a href="{% url 'member-detail-direct' notebook.user %}">{{ notebook.user }}</a>
+        </li>
+      {% endfor %}
+      </ul>
+      <hr>
+    {% endif %}
+    <h2>Recent Members</h2>
+    <div class="d-flex py-2">
+      {% for member in recent_members %}
+      <div class="w-25">
+        <a href="{% url 'member-detail-direct' member.user.username %}">
+          <div class="d-flex justify-content-center">
+            <img src="{% static 'images/profile-placeholder.png' %}" style="height:2.5rem;">
+          </div>
+          <div class="d-flex justify-content-center">
+            <div class="small text-center">{{ member.name }}</div>
+          </div>
+        </a>
+      </div>
+      {% endfor %}
+    </div>
+    <p>
+      <a href="{% url 'api:members-by-source' %}?source={{ project.id_label }}">See
+        all members...</a>
+    </p>
+    <hr>
+    <h2>Project information</h2>
+    <div>
+
+      {# repeat short partial from above w/ coordinator #}
+      {% include 'partials/activity-info-short-bs4.html' %}
+
+      {# member count, public data, launch date, info url, and contact email #}
+      <div class="mb-1">
+        <b class="mr-2">Joined by:</b>
+        <a href="{% url 'api:members-by-source' %}?source={{ project.id_label }}">
+        {{ project.authorized_members }} members</a>
+      </div>
+      {% if public_count %}
+      <div class="mb-1">
+        <b class="mr-2">Public data:</b> shared by
+        <a href="{% url 'api:public-data' %}?source={{ project.id_label }}">
+          {{ public_count }} members</a>
+      </div>
+      {% endif %}
+      <div class="mb-1">
+        <b class="mr-2">Launched:</b> {{ project.project_approval_date|date }}
+      </div>
+      <div class="mb-1">
+        <b class="mr-2">Project website:</b>
+        <a href="{{ project.info_url }}">{{ project.info_url }}</a>
+      </div>
+      <div class="mb-1">
+          <b class="mr-2">Contact email:</b>
+          <a href="mailto:{{ project.contact_email }}">{{ project.contact_email }}</a>
+      </div>
+
+      {% if project.review_url %}
+      <div class="d-flex mb-1">
+        <div class="d-flex mr-2">
+          <b>Project&nbsp;review:</b>
+        </div>
+        <div class="d-flex">
+          <p>
+          <a href="{{ project.review_url }}">See review in our forum</a>
+          <br><small class="text-muted">Projects are community reviewed! <a href="https://discourse.openhumans.org/t/project-review-guide/15">Read more about contributing.</a></small>
+          </p>
+        </div>
+      </div>
+      {% endif %}
+
+      {# terms link for OAuth2 projects #}
+      {% if project.oauth2datarequestproject %}
+      <div class="mb-1">
+        <b class="mr-2">Project {% if project.is_study %}informed consent{% else %}terms{% endif %}:</b>
+        <a href="{% if project.oauth2datarequestproject.terms_url %}{{ project.oauth2datarequestproject.terms_url }}{% else %}{{ project.info_url }}{% endif %}">Read on project website</a>
+      </div>
+      {% else %}
+      <!-- Button trigger modal -->
+      <b class="mr-2">Project {% if project.is_study %}informed consent{% else %}terms{% endif %}:</b>
+      <button type="button" class="btn btn-primary-hollow btn-sm" data-toggle="modal" data-target="#termsModal">
+        View {% if project.is_study %}informed consent{% else %}terms{% endif %}
+      </button>
+
+      <!-- Modal -->
+      <div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-labelledby="{{ project.name}}: {% if project.is_study %}informed consent{% else %}terms{% endif %}" aria-hidden="true">
+        <div class="modal-dialog modal-xl" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="modal-title" id="termsModalTitle">{{ project.name}}: {% if project.is_study %}informed consent{% else %}terms{% endif %}</h5>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              {{ project.onsitedatarequestproject.consent_text|markdown }}
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-primary-hollow" data-dismiss="modal">Close</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      {% endif %}
+
+      {# describe permissions and added data #}
+      {% include 'partials/activity-permissions-bs4.html' %}
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/open_humans/templates/partials/activity-panel.html b/open_humans/templates/partials/activity-panel.html
index ba433c1e2..ef0a70641 100644
--- a/open_humans/templates/partials/activity-panel.html
+++ b/open_humans/templates/partials/activity-panel.html
@@ -56,14 +56,14 @@
             Manage this connection
             {% if project.has_files %}and your data{% endif %} on the
           <a {% if project.slug %}
-              href="{% url 'activity-management' project.slug %}"
+              href="{% url 'activity' project.slug %}"
               {% else %}
               href="{{ project.join_url }}"
               {% endif %}>
             activity page</a>.
         {% else %}
           <a {% if project.slug %}
-              href="{% url 'activity-management' project.slug %}"
+              href="{% url 'activity' project.slug %}"
               {% else %}
               href="{{ project.join_url }}"
               {% endif %}
diff --git a/open_humans/templates/partials/activity-permissions-bs4.html b/open_humans/templates/partials/activity-permissions-bs4.html
new file mode 100644
index 000000000..dbe67fe68
--- /dev/null
+++ b/open_humans/templates/partials/activity-permissions-bs4.html
@@ -0,0 +1,26 @@
+{% if requests_permissions %}
+<div class="d-flex mb-1">
+    <div class="pr-3">
+        <b>Requested permissions:</b>
+    </div>
+    <div>
+        {% for source_project in project.requested_sources.all %}
+        <a href="{% url 'activity' source_project.slug %}">
+        {{ source_project.name }}</a><br>
+        {% endfor %}
+        {% if project.request_username_access %}
+        Username
+        {% endif %}
+    </div>
+</div>
+{% endif %}
+{% if project.returned_data_description %}
+<div class="d-flex mb-1">
+    <div class="pr-3">
+        <b>Uploaded&nbsp;data:</b>
+    </div>
+    <div class="text-muted">
+      {{ project.returned_data_description }}
+    </div>
+</div>
+{% endif %}
diff --git a/open_humans/templates/partials/my-member-data-source.html b/open_humans/templates/partials/my-member-data-source.html
index a05baf0ba..93a5235ff 100644
--- a/open_humans/templates/partials/my-member-data-source.html
+++ b/open_humans/templates/partials/my-member-data-source.html
@@ -5,7 +5,7 @@
 {% source_is_public project.id_label as is_public %}
 {% include 'partials/public-sharing-button.html' %}
 <p class="lead"><b>
-  <a href="{% url 'activity-management' project.slug %}">
+  <a href="{% url 'activity' project.slug %}">
     {{ project.name }}
   </a>
 </b></p>
diff --git a/open_humans/templatetags/utilities.py b/open_humans/templatetags/utilities.py
index b85f286b0..241e78f92 100644
--- a/open_humans/templatetags/utilities.py
+++ b/open_humans/templatetags/utilities.py
@@ -338,7 +338,7 @@ def make_badge(project, badge_class="oh-badge"):
             "name": project.name,
             "badge_class": badge_class,
             "static_url": badge_url,
-            "href": reverse("activity-management", kwargs={"source": project.slug}),
+            "href": reverse("activity", kwargs={"slug": project.slug}),
         }
 
     return mark_safe(
diff --git a/open_humans/urls.py b/open_humans/urls.py
index b5fb423c1..4daceba28 100644
--- a/open_humans/urls.py
+++ b/open_humans/urls.py
@@ -231,9 +231,9 @@
         name="member-email",
     ),
     re_path(
-        r"^activity/(?P<source>[A-Za-z0-9_-]+)/$",
-        views.ActivityManagementView.as_view(),
-        name="activity-management",
+        r"^activity/(?P<slug>[A-Za-z0-9_-]+)/$",
+        views.ActivityView.as_view(),
+        name="activity",
     ),
     re_path(
         r"^activity/(?P<source>[A-Za-z0-9_-]+)/send-message/$",
diff --git a/open_humans/views.py b/open_humans/views.py
index cb7a1b8ad..2ad03a09f 100644
--- a/open_humans/views.py
+++ b/open_humans/views.py
@@ -10,13 +10,15 @@
 from django.shortcuts import redirect, render
 from django.urls import reverse, reverse_lazy
 from django.views.generic.base import TemplateView, View
+from django.views.generic.detail import DetailView
 from django.views.generic.edit import DeleteView, FormView
 
 import feedparser
+import requests
 
 from common.activities import activity_from_data_request_project
 from common.mixins import LargePanelMixin, NeverCacheMixin, PrivateMixin
-from public_data.models import PublicDataAccess, is_public
+from public_data.models import PublicDataAccess, is_public, public_count
 from private_sharing.models import (
     ActivityFeed,
     DataRequestProject,
@@ -83,7 +85,7 @@ def get_success_url(self):
         Direct to relevant activity page.
         """
         url_slug = source_to_url_slug(self.source)
-        return reverse("activity-management", kwargs={"source": url_slug})
+        return reverse("activity", kwargs={"slug": url_slug})
 
 
 class ExceptionView(View):
@@ -293,6 +295,99 @@ def get_context_data(self, **kwargs):
         return context
 
 
+class ActivityView(NeverCacheMixin, DetailView):
+    """
+    A public 'home' view for current and potential project members.
+    """
+
+    model = DataRequestProject
+    context_object_name = "project"
+    template_name = "member/activity.html"
+
+    def dispatch(self, request, *args, **kwargs):
+        """
+        Override to lookup and set self.project_member.
+        """
+        self.project = self.get_object()
+        self.project_member = self.project.active_user(request.user)
+        return super().dispatch(request, *args, **kwargs)
+
+    def post(self, request, **kwargs):
+        """
+        Toggle membership visibility back and forth.
+        """
+        if self.project_member:
+            if self.request.POST.get("visible_status", "").lower() in ["true", "false"]:
+                visible_status = bool(
+                    strtobool(self.request.POST.get("visible_status"))
+                )
+                self.project_member.set_visibility(visible_status=visible_status)
+        return redirect(request.path)
+
+    def get_notebooks(self):
+        """
+        Get information about notebooks using this project as a source.
+        """
+        resp = requests.get(
+            "https://exploratory.openhumans.org/notebook_by_source/",
+            params={"source": self.project.name},
+        )
+        if not resp.status_code == 200:
+            return None
+
+        notebooks = resp.json()["notebooks"]
+        for notebook in notebooks:
+            if notebook["name"].endswith(".ipynb"):
+                notebook["name"] = notebook["name"][:-6]
+        return notebooks
+
+    def get_recent_members(self):
+        """
+        Get recent project members.
+        """
+        recent_members = self.project.project_members.filter(joined=True).order_by(
+            "-created"
+        )[:5]
+        return [pm.member for pm in recent_members]
+
+    def get_member_data_files(self):
+        """
+        Get project data files for member.
+        """
+        if self.request.user.is_anonymous:
+            return None
+        member_data_files = ProjectDataFile.objects.filter(
+            user=self.request.user, direct_sharing_project=self.project
+        )
+        return member_data_files
+
+    def get_context_data(self, *args, **kwargs):
+        context = super().get_context_data(*args, **kwargs)
+
+        requesting_projects_filtered = self.project.requesting_projects.filter(
+            active=True
+        ).filter(approved=True)
+        requests_permissions = (
+            self.project.request_username_access
+            or self.project.requested_sources.exists()
+        )
+        member_data_files = self.get_member_data_files()
+
+        context.update(
+            {
+                "notebooks": self.get_notebooks(),
+                "public_count": public_count(self.project),
+                "recent_members": self.get_recent_members(),
+                "requesting_projects": requesting_projects_filtered,
+                "requests_permissions": requests_permissions,
+                "project_member": self.project_member,
+                "member_data_files": member_data_files,
+            }
+        )
+
+        return context
+
+
 class ActivityManagementView(NeverCacheMixin, LargePanelMixin, TemplateView):
     """
     A 'home' view for each activity, with sections for describing the activity,
@@ -466,7 +561,7 @@ def get_success_url(self):
         return self.get_redirect_url()
 
     def get_redirect_url(self):
-        return reverse("activity-management", kwargs={"source": self.project.slug})
+        return reverse("activity", kwargs={"slug": self.project.slug})
 
     def get_context_data(self, **kwargs):
         """
diff --git a/private_sharing/migrations/0026_auto_20191202_2105.py b/private_sharing/migrations/0026_auto_20191202_2105.py
new file mode 100644
index 000000000..f41123c30
--- /dev/null
+++ b/private_sharing/migrations/0026_auto_20191202_2105.py
@@ -0,0 +1,25 @@
+# Generated by Django 2.2.7 on 2019-12-02 21:05
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [("private_sharing", "0025_datarequestproject_any_datatypes")]
+
+    operations = [
+        migrations.AddField(
+            model_name="datarequestproject",
+            name="review_url",
+            field=models.URLField(
+                blank=True, verbose_name="URL for project approval review"
+            ),
+        ),
+        migrations.AlterField(
+            model_name="datarequestprojectmember",
+            name="granted_sources",
+            field=models.ManyToManyField(
+                related_name="granted_sources", to="private_sharing.DataRequestProject"
+            ),
+        ),
+    ]
diff --git a/private_sharing/models.py b/private_sharing/models.py
index 1b0039def..81e9d041c 100644
--- a/private_sharing/models.py
+++ b/private_sharing/models.py
@@ -159,6 +159,9 @@ class DataRequestProject(models.Model):
     info_url = models.URLField(
         blank=True, verbose_name="URL for general information about your project"
     )
+    review_url = models.URLField(
+        blank=True, verbose_name="URL for project approval review"
+    )
     short_description = models.CharField(
         max_length=140, verbose_name="A short description (140 characters max)"
     )
@@ -468,7 +471,9 @@ class DataRequestProjectMember(models.Model):
     )
     project_member_id = models.CharField(max_length=16, unique=True)
     username_shared = models.BooleanField(default=False)
-    granted_sources = models.ManyToManyField(DataRequestProject)
+    granted_sources = models.ManyToManyField(
+        DataRequestProject, related_name="granted_sources"
+    )
     all_sources_shared = models.BooleanField(default=False)
     consent_text = models.TextField(blank=True)
     joined = models.BooleanField(default=False)
diff --git a/private_sharing/templates/private_sharing/authorize-base.html b/private_sharing/templates/private_sharing/authorize-base.html
index 794867c09..bc8685753 100644
--- a/private_sharing/templates/private_sharing/authorize-base.html
+++ b/private_sharing/templates/private_sharing/authorize-base.html
@@ -95,7 +95,7 @@ <h4>&ldquo;{{ object.name }}&rdquo; is requesting these permissions:</h4>
     {% for source in sources %}
     <tr>
         <td>
-          <a href="{% url 'activity-management' source.slug %}">
+          <a href="{% url 'activity' source.slug %}">
             {{ source.name }}
           </a>
         </td>
diff --git a/private_sharing/templates/private_sharing/project-detail.html b/private_sharing/templates/private_sharing/project-detail.html
index 3e05afd28..80df98ac2 100644
--- a/private_sharing/templates/private_sharing/project-detail.html
+++ b/private_sharing/templates/private_sharing/project-detail.html
@@ -40,8 +40,8 @@ <h4><strong>"{{ object.name }}"</strong></h4>
   <dd>{{ object.authorized_members }}</dd>
 
   <dt>Activity page</dt>
-  <dd><a href="{% url 'activity-management' source=object.slug %}">
-    {% url 'activity-management' source=object.slug %}</a></dd>
+  <dd><a href="{% url 'activity' object.slug %}">
+    {% url 'activity' object.slug %}</a></dd>
 
   {% if object.type == 'on-site' %}
   <dt>Signup URL</dt>
diff --git a/private_sharing/utilities.py b/private_sharing/utilities.py
index 554b5bf53..6abe05f2f 100644
--- a/private_sharing/utilities.py
+++ b/private_sharing/utilities.py
@@ -46,7 +46,7 @@ def source_to_url_slug(source):
     "Project" activities refers to standard on-site and OAuth2 projects
     (i.e. the DataRequestProject model).
 
-    Returned slug should be valid input for the 'activity-management' page.
+    Returned slug should be valid input for the 'activity' page.
     """
     try:
         return apps.get_app_config(source).url_slug
diff --git a/private_sharing/views.py b/private_sharing/views.py
index 3587ed91b..d32f889a2 100644
--- a/private_sharing/views.py
+++ b/private_sharing/views.py
@@ -279,9 +279,7 @@ def post(self, request, *args, **kwargs):
                 "PROJECT_MEMBER_ID", self.project_member.project_member_id
             )
         else:
-            redirect_url = reverse(
-                "activity-management", kwargs={"source": project.slug}
-            )
+            redirect_url = reverse("activity", kwargs={"slug": project.slug})
 
         return HttpResponseRedirect(redirect_url)
 
diff --git a/public_data/models.py b/public_data/models.py
index 1c6878ffd..890b0b37a 100644
--- a/public_data/models.py
+++ b/public_data/models.py
@@ -2,9 +2,9 @@
 from itertools import groupby
 
 from django.db import models
+from django.db.models import F
 
 from common.fields import AutoOneToOneField
-from data_import.models import DataFile
 from open_humans.models import Member
 from private_sharing.models import (
     DataRequestProjectMember,
@@ -25,6 +25,26 @@ def is_public(member, source):
     )
 
 
+def public_count(project):
+    """
+    Get number of users publicly sharing a project's data.
+    """
+    count = (
+        PublicDataAccess.objects.filter(
+            project_membership__project=project,
+            # Filter to only count members with datafiles for this project.
+            is_public=True,
+            project_membership__project__in=F(
+                "project_membership__member__user__datafiles__"
+                "parent_project_data_file__direct_sharing_project"
+            ),
+        )
+        .distinct()
+        .count()
+    )
+    return count
+
+
 class Participant(models.Model):
     """
     Represents a participant in the Public Data Sharing study.
diff --git a/public_data/templates/public_data/home.html b/public_data/templates/public_data/home.html
index 82faae324..f06da3903 100644
--- a/public_data/templates/public_data/home.html
+++ b/public_data/templates/public_data/home.html
@@ -97,7 +97,7 @@ <h3>More information</h3>
       <ul>
         {% for project in projects %}
           <li>
-            <a href="{% url 'activity-management' project.slug %}"
+            <a href="{% url 'activity' project.slug %}"
                title="{{ project.short_description }}">
               {{ project.name }}</a>
           </li>
diff --git a/public_data/templates/public_data/overview.html b/public_data/templates/public_data/overview.html
index 083156f11..7b7bf8fae 100644
--- a/public_data/templates/public_data/overview.html
+++ b/public_data/templates/public_data/overview.html
@@ -29,7 +29,7 @@ <h5>Requirements</h5>
         </span>
       </li>
       <li>
-        <strong>enroll yourself</strong><br>
+        <strong>be representing yourself</strong><br>
         <span class="text-muted">
           This decision must be made by the individual themselves. A parent or
           legal guardian may not choose to publicly share data from a child or
diff --git a/static/images/default-badge.png b/static/images/default-badge.png
index 44f404336..2d596fbc1 100644
Binary files a/static/images/default-badge.png and b/static/images/default-badge.png differ
diff --git a/static/images/default-badge.svg b/static/images/default-badge.svg
new file mode 100644
index 000000000..99d1a8347
--- /dev/null
+++ b/static/images/default-badge.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg9259"
+   width="95.199997"
+   height="95.199997"
+   viewBox="0 0 95.199997 95.199997"
+   sodipodi:docname="default-badge.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   inkscape:export-filename="/home/mad/projects/open-humans/static/images/default-badge.png"
+   inkscape:export-xdpi="540.84003"
+   inkscape:export-ydpi="540.84003">
+  <metadata
+     id="metadata9265">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs9263" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="3066"
+     inkscape:window-height="1689"
+     id="namedview9261"
+     showgrid="true"
+     inkscape:snap-nodes="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true"
+     inkscape:zoom="3.8051472"
+     inkscape:cx="-109.01589"
+     inkscape:cy="73.075165"
+     inkscape:window-x="134"
+     inkscape:window-y="55"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg9259">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9286" />
+  </sodipodi:namedview>
+  <circle
+     style="opacity:1;fill:#ffceb9;fill-opacity:1;stroke:none;stroke-width:4.67436981;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+     id="path9269"
+     cx="47.5"
+     cy="47.699997"
+     r="44.5" />
+  <ellipse
+     style="opacity:1;fill:none;fill-opacity:1;stroke:#4ac1c8;stroke-width:7.67122459;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:15.34244941, 15.34244941;stroke-dashoffset:0;stroke-opacity:1"
+     id="path9269-3"
+     cx="47.5"
+     cy="47.699997"
+     rx="43.664387"
+     ry="43.664391" />
+</svg>
diff --git a/static/js/activity.js b/static/js/activity.js
new file mode 100644
index 000000000..8f0d526d7
--- /dev/null
+++ b/static/js/activity.js
@@ -0,0 +1,46 @@
+'use strict';
+
+function hashHandler() {
+  // Reset to target tab and pane when loading the page with a hash.
+  var url = document.location.toString();
+
+  if (url.match('#')) {
+    var panetarget = url.split('#')[1];
+    var tabtarget = panetarget + '-tab';
+
+    // Check that the hash isn't referring to a disabled tab.
+    var valid_target = $('#' + tabtarget).not('.disabled');
+
+    if (valid_target.length == 1) {
+      // Reset to remove existing "active" tab and panel.
+      $('#activity-panel-nav .nav-item .nav-link').removeClass('active');
+      $('.tab-pane').removeClass('active show');
+
+      // Set target tab and panel to active.
+      $('#' + tabtarget).addClass('active');
+      $('#' + panetarget).addClass('active show');
+
+      // hack to prevent jumping scroll to the anchor tag on loading
+      setTimeout(function() {
+        window.scrollTo(0, 0);
+      }, 1);
+    }
+  }
+}
+
+
+$(function () {
+  var default_panel = "#activity-panel-info";
+
+  // If not default panel, add hash to URL when a user clicks on a nav item.
+  $('#activity-panel-nav .nav-item').not('disabled').on('click', function (e) {
+    if (e.target.hash !== default_panel) {
+      history.pushState({}, '', e.target.hash);
+    } else {
+      history.pushState({}, '', window.location.pathname);
+    }
+  });
+
+  // Run this to handle an existing hash on page load.
+  hashHandler();
+});