diff --git a/framework/auth/views.py b/framework/auth/views.py
index 26aa494ddd4..cdb03062d88 100644
--- a/framework/auth/views.py
+++ b/framework/auth/views.py
@@ -1072,6 +1072,8 @@ def external_login_email_post():
                 destination = campaign
                 break
 
+    status_message = None
+    error_list = []
     if form.validate():
         clean_email = form.email.data
         user = get_user(email=clean_email)
@@ -1104,11 +1106,11 @@ def external_login_email_post():
                 destination=destination
             )
             # 3. notify user
-            message = language.EXTERNAL_LOGIN_EMAIL_LINK_SUCCESS.format(
+            status_message = language.EXTERNAL_LOGIN_EMAIL_LINK_SUCCESS.format(
+                fullname=fullname,
                 external_id_provider=external_id_provider,
                 email=user.username
             )
-            kind = 'success'
             # 4. Clear session data
             clear_external_first_login_anonymous_session_data(session)
         else:
@@ -1134,22 +1136,26 @@ def external_login_email_post():
                 destination=destination
             )
             # 4. notify user
-            message = language.EXTERNAL_LOGIN_EMAIL_CREATE_SUCCESS.format(
+            status_message = language.EXTERNAL_LOGIN_EMAIL_CREATE_SUCCESS.format(
+                fullname=fullname,
                 external_id_provider=external_id_provider,
                 email=user.username
             )
-            kind = 'success'
-            # 5. Clear session data
+            # 5. clear session data
             clear_external_first_login_anonymous_session_data(session)
-        status.push_status_message(message, kind=kind, trust=False)
     else:
-        forms.push_errors_to_status(form.errors)
+        form_errors = form.errors
+        for field, _ in form_errors.items():
+            for error in form_errors[field]:
+                error_list.append(error)
 
     # Don't go anywhere
     return {
         'form': form,
         'external_id_provider': external_id_provider,
-        'auth_user_fullname': fullname
+        'auth_user_fullname': fullname,
+        'status_message': status_message,
+        'error_list': error_list,
     }
 
 
diff --git a/package.json b/package.json
index 9502e338fe6..4204703c9f6 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,10 @@
     "@centerforopenscience/markdown-it-toc": "~1.1.1",
     "@centerforopenscience/markdown-it-video": "1.0.0",
     "@centerforopenscience/osf-style": "1.9.0",
+    "@fortawesome/fontawesome-free": "^7.0.1",
+    "@fortawesome/fontawesome-svg-core": "^7.0.1",
+    "@fortawesome/free-brands-svg-icons": "^7.0.1",
+    "@fortawesome/react-fontawesome": "^3.0.2",
     "URIjs": "^1.14.1",
     "assets-webpack-plugin": "^2.3.0",
     "babel-core": "^6.0.0",
@@ -25,7 +29,6 @@
     "dropzone": "https://github.com/CenterForOpenScience/dropzone.git#aba21eb6b82cc823ac7a7a53d6e035791c082bae",
     "exports-loader": "0.6.3",
     "file-loader": "^0.11.2",
-    "font-awesome": "^4.4.0",
     "font-awesome-webpack": "0.0.5-beta.2",
     "gsap": "3.9.1",
     "highlight.js": "~9.18.2",
diff --git a/website/language.py b/website/language.py
index 80936924e6a..2189d21da0c 100644
--- a/website/language.py
+++ b/website/language.py
@@ -57,9 +57,8 @@
 
 REGISTRATION_SUCCESS = """Registration successful. Please check {email} to confirm your email address."""
 
-EXTERNAL_LOGIN_EMAIL_CREATE_SUCCESS = """A new OSF account has been created with your {external_id_provider} profile. Please check {email} to confirm your email address."""
-
-EXTERNAL_LOGIN_EMAIL_LINK_SUCCESS = """Your OSF account has been linked with your {external_id_provider}. Please check {email} to confirm this action."""
+EXTERNAL_LOGIN_EMAIL_CREATE_SUCCESS = """Hello {fullname}, a new OSF account has been created with your {external_id_provider} profile. Please check {email} to confirm your email address."""
+EXTERNAL_LOGIN_EMAIL_LINK_SUCCESS = """Hello {fullname}, your OSF account has been linked with your {external_id_provider}. Please check {email} to confirm this action."""
 
 # Shown if registration is turned off in website.settings
 REGISTRATION_UNAVAILABLE = 'Registration currently unavailable.'
diff --git a/website/static/css/style.css b/website/static/css/style.css
index 73403900b5c..1a1949158ec 100644
--- a/website/static/css/style.css
+++ b/website/static/css/style.css
@@ -4,7 +4,6 @@ html, body {
 }
 
 body {
-    padding-top: 50px; /* body padding for fixed top nav */
     position: relative; /* for bootstrap affix */
     -webkit-font-smoothing: antialiased;
     font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
@@ -38,6 +37,19 @@ a {
 
 /* Footer
 -------------------------------------------------- */
+.footer-wrapper {
+    margin-top: 20px;
+    text-shadow: 0 1px 0 #fff;
+    width: 100%;
+    color: #515151;
+    text-align: center;
+    background-color: #e6f1fc;
+    border-radius: 0 0 0 0.75rem;
+
+    .footer-row:first-of-type {
+        background-color: #f1f8fd;
+    }
+}
 .footer {
     padding-top: 10px;
     margin-top: 20px;
@@ -52,13 +64,25 @@ a {
     color: #2d6a9f;
 }
 
-
 .footer ul, .footer li {
     padding: 0;
     margin: 0;
     list-style-type: none;
 }
 
+.footer-row {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    align-items: center;
+    padding: 1.5em;
+}
+
+.footer-logo span {
+    font-size: 20px;
+    width: 44px;
+}
+
 /* Warning Banner for cookies and browser depreciation goes on bottom of page */
 .warningBanner {
     margin-bottom: 0px;
@@ -82,6 +106,15 @@ a {
     color: #264F82;
 }
 
+.footer-social-links-list {
+    display: inline-flex;
+}
+
+.footer-links-list {
+    display: inline-flex;
+    gap: 0.5em;
+}
+
 .warningBannerText {
     margin-left: 10%;
     margin-right: 75px;
@@ -954,3 +987,206 @@ table.add-links {
 .text-smaller {
     color: #4d4d4d;
 }
+
+/* Override of Bootstrap button styles */
+.container.container {
+    width: auto !important;
+}
+
+.btn.btn {
+    border-radius: 6px;
+    padding-block: 0.5rem;
+    padding-inline: 1rem;
+    font-weight: 700;
+}
+
+.btn-primary.btn-primary {
+    color: #fff;
+    background-color: #337ab7;
+    border-color: #2e6da4;
+}
+
+.btn-secondary.btn-secondary {
+    color: #337ab7;
+    background: #f1f8fd;
+}
+
+input.form-control.form-control {
+    border-radius: 6px;
+}
+
+/* Utility classes */
+
+.border-top {
+    border-top: 1px solid #eee;
+}
+
+.flex-row {
+    display: flex;
+}
+
+.gap-1 {
+    gap: 1em;
+}
+
+.flex-grow-1 {
+    flex-grow: 1;
+}
+
+.padding-top-2 {
+    padding-top: 2em;
+}
+
+.navbar {
+    background: #24384a;
+}
+
+.main-wrapper {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: row;
+    background: #24384a;
+}
+
+.content-wrapper {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    overflow-y: auto;
+    background: linear-gradient(135deg, #e6f1fc 0%, #f7f7f7 60%, #eaf6ff 100%);
+    background-color: #f7f7f7;
+}
+
+.main-content {
+    margin: 50px auto 0;
+    display: flex;
+    align-items: center;
+
+    [role="main"] {
+        border-radius: 0.75rem;
+        background: #fff;
+        padding: 2em;
+    }
+}
+
+.left-logo {
+    display: inline-flex;
+    align-items: center;
+    margin-left: 0 !important;
+    height: 100%;
+    line-height: 27px !important;
+    gap: 8px;
+    font-size: 32px;
+    font-weight: lighter;
+    color: #f7f7f7;
+
+    .osf-navbar-logo {
+        width: 33px;
+        height: 33px;
+        margin: 6px 0 0 12px;
+    }
+}
+
+.toggle-nav-input {
+    float: right;
+}
+
+.toggle-nav-label {
+    color: #f7f7f7;
+    float: right;
+    margin: 12px;
+}
+
+.slideout {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    background: #24384a;
+    color: #f7f7f7;
+    transition: transform 0.3s ease;
+    margin-left: 0 !important;
+}
+
+.left-pane-nav {
+    width: 300px;
+    max-width: 300px;
+    height: 100vh;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scrollbar-color: #eff0f1 #24384a;
+}
+
+.left-pane-ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    margin-top: 2em;
+    margin-bottom: 4em;
+
+    li {
+        margin: 0 1.5em 1em;
+    }
+
+    a {
+        display: flex;
+        align-items: center;
+        padding: 0.75em;
+        gap: 0.5em;
+        width: 100%;
+        font-size: medium;
+        font-weight: 700;
+        color: #F7F7F7;
+        text-decoration: none;
+    }
+
+    a:hover {
+        background: #384b5c;
+        border-radius: 0.375em;
+    }
+}
+
+.chevron-right {
+    margin-left: auto;
+}
+
+@media (min-width: 1200px){
+    .content-wrapper {
+        border-radius: 0.75rem 0 0 0.75rem;
+    }
+    .slideout {
+        transform: translateX(0);
+    }
+    .desktop-only {
+        display: block;
+    }
+    .mobile-only {
+        display: none;
+    }
+}
+
+@media (max-width: 1199.99px){
+    .slideout {
+        transform: translateX(-100%);
+    }
+
+    input#toggle-leftnav:checked~.slideout {
+        transform: translateX(0);
+    }
+    .desktop-only {
+        display: none;
+    }
+    .mobile-only {
+        display: block;
+    }
+
+    #maintenance {
+        margin-top: 50px;
+    }
+}
+
+#slideout-nav {
+    margin-left: 0 !important;
+    margin-top: 50px;
+}
diff --git a/website/static/img/left-nav-icons/meetings.svg b/website/static/img/left-nav-icons/meetings.svg
new file mode 100644
index 00000000000..0dc4b6f11b0
--- /dev/null
+++ b/website/static/img/left-nav-icons/meetings.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 2C5.16304 2 5.79893 2.26339 6.26777 2.73223C6.73661 3.20107 7 3.83696 7 4.5C7 5.16304 6.73661 5.79893 6.26777 6.26777C5.79893 6.73661 5.16304 7 4.5 7C3.83696 7 3.20107 6.73661 2.73223 6.26777C2.26339 5.79893 2 5.16304 2 4.5C2 3.83696 2.26339 3.20107 2.73223 2.73223C3.20107 2.26339 3.83696 2 4.5 2ZM16 2C16.663 2 17.2989 2.26339 17.7678 2.73223C18.2366 3.20107 18.5 3.83696 18.5 4.5C18.5 5.16304 18.2366 5.79893 17.7678 6.26777C17.2989 6.73661 16.663 7 16 7C15.337 7 14.7011 6.73661 14.2322 6.26777C13.7634 5.79893 13.5 5.16304 13.5 4.5C13.5 3.83696 13.7634 3.20107 14.2322 2.73223C14.7011 2.26339 15.337 2 16 2ZM0 11.3344C0 9.49375 1.49375 8 3.33437 8H4.66875C5.16562 8 5.6375 8.10938 6.0625 8.30312C6.02187 8.52812 6.00313 8.7625 6.00313 9C6.00313 10.1938 6.52812 11.2656 7.35625 12C7.35 12 7.34375 12 7.33437 12H0.665625C0.3 12 0 11.7 0 11.3344ZM12.6656 12C12.6594 12 12.6531 12 12.6438 12C13.475 11.2656 13.9969 10.1938 13.9969 9C13.9969 8.7625 13.975 8.53125 13.9375 8.30312C14.3625 8.10625 14.8344 8 15.3313 8H16.6656C18.5063 8 20 9.49375 20 11.3344C20 11.7031 19.7 12 19.3344 12H12.6687H12.6656ZM7 9C7 8.20435 7.31607 7.44129 7.87868 6.87868C8.44129 6.31607 9.20435 6 10 6C10.7956 6 11.5587 6.31607 12.1213 6.87868C12.6839 7.44129 13 8.20435 13 9C13 9.79565 12.6839 10.5587 12.1213 11.1213C11.5587 11.6839 10.7956 12 10 12C9.20435 12 8.44129 11.6839 7.87868 11.1213C7.31607 10.5587 7 9.79565 7 9ZM4 17.1656C4 14.8656 5.86562 13 8.16562 13H11.8313C14.1344 13 16 14.8656 16 17.1656C16 17.625 15.6281 18 15.1656 18H4.83125C4.37188 18 3.99688 17.6281 3.99688 17.1656H4Z" fill="white"/>
+</svg>
diff --git a/website/static/img/left-nav-icons/preprints.svg b/website/static/img/left-nav-icons/preprints.svg
new file mode 100644
index 00000000000..7573b0285c8
--- /dev/null
+++ b/website/static/img/left-nav-icons/preprints.svg
@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_8_44899)">
+<path d="M3.33398 5.625C3.33398 3.4425 5.10982 1.66667 7.29232 1.66667H14.9032C14.629 0.7075 13.7548 0 12.709 0H3.12565C1.86148 0 0.833984 1.0275 0.833984 2.29167V15.2083C0.833984 16.4725 1.86148 17.5 3.12565 17.5H3.33398V5.625Z" fill="white"/>
+<path d="M16.875 3.33301H7.29167C6.0275 3.33301 5 4.36051 5 5.62467V17.708C5 18.9722 6.0275 19.9997 7.29167 19.9997H16.875C18.1392 19.9997 19.1667 18.9722 19.1667 17.708V5.62467C19.1667 4.36051 18.1392 3.33301 16.875 3.33301ZM15.2083 17.4997H8.95833C8.61333 17.4997 8.33333 17.2197 8.33333 16.8747C8.33333 16.5297 8.61333 16.2497 8.95833 16.2497H15.2083C15.5533 16.2497 15.8333 16.5297 15.8333 16.8747C15.8333 17.2197 15.5533 17.4997 15.2083 17.4997ZM15.2083 14.1663H8.95833C8.61333 14.1663 8.33333 13.8863 8.33333 13.5413C8.33333 13.1963 8.61333 12.9163 8.95833 12.9163H15.2083C15.5533 12.9163 15.8333 13.1963 15.8333 13.5413C15.8333 13.8863 15.5533 14.1663 15.2083 14.1663ZM15.2083 11.2497H8.95833C8.61333 11.2497 8.33333 10.9697 8.33333 10.6247C8.33333 10.2797 8.61333 9.99967 8.95833 9.99967H15.2083C15.5533 9.99967 15.8333 10.2797 15.8333 10.6247C15.8333 10.9697 15.5533 11.2497 15.2083 11.2497ZM15.2083 7.91634H8.95833C8.61333 7.91634 8.33333 7.63634 8.33333 7.29134C8.33333 6.94634 8.61333 6.66634 8.95833 6.66634H15.2083C15.5533 6.66634 15.8333 6.94634 15.8333 7.29134C15.8333 7.63634 15.5533 7.91634 15.2083 7.91634Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_8_44899">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/website/static/img/left-nav-icons/registries.svg b/website/static/img/left-nav-icons/registries.svg
new file mode 100644
index 00000000000..02bf3043451
--- /dev/null
+++ b/website/static/img/left-nav-icons/registries.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.22222 3.71429C1.91667 3.71429 1.66667 3.97143 1.66667 4.28571V15.7143C1.66667 16.0286 1.91667 16.2857 2.22222 16.2857H17.7778C18.0833 16.2857 18.3333 16.0286 18.3333 15.7143V4.28571C18.3333 3.97143 18.0833 3.71429 17.7778 3.71429H2.22222ZM0 4.28571C0 3.025 0.996528 2 2.22222 2H17.7778C19.0035 2 20 3.025 20 4.28571V15.7143C20 16.975 19.0035 18 17.7778 18H2.22222C0.996528 18 0 16.975 0 15.7143V4.28571ZM3.33333 6.57143C3.33333 6.26832 3.4504 5.97763 3.65877 5.76331C3.86714 5.54898 4.14976 5.42857 4.44444 5.42857C4.73913 5.42857 5.02174 5.54898 5.23012 5.76331C5.43849 5.97763 5.55556 6.26832 5.55556 6.57143C5.55556 6.87453 5.43849 7.16522 5.23012 7.37955C5.02174 7.59388 4.73913 7.71429 4.44444 7.71429C4.14976 7.71429 3.86714 7.59388 3.65877 7.37955C3.4504 7.16522 3.33333 6.87453 3.33333 6.57143ZM6.94444 6.57143C6.94444 6.09643 7.31597 5.71429 7.77778 5.71429H15.5556C16.0174 5.71429 16.3889 6.09643 16.3889 6.57143C16.3889 7.04643 16.0174 7.42857 15.5556 7.42857H7.77778C7.31597 7.42857 6.94444 7.04643 6.94444 6.57143ZM6.94444 10C6.94444 9.525 7.31597 9.14286 7.77778 9.14286H15.5556C16.0174 9.14286 16.3889 9.525 16.3889 10C16.3889 10.475 16.0174 10.8571 15.5556 10.8571H7.77778C7.31597 10.8571 6.94444 10.475 6.94444 10ZM6.94444 13.4286C6.94444 12.9536 7.31597 12.5714 7.77778 12.5714H15.5556C16.0174 12.5714 16.3889 12.9536 16.3889 13.4286C16.3889 13.9036 16.0174 14.2857 15.5556 14.2857H7.77778C7.31597 14.2857 6.94444 13.9036 6.94444 13.4286ZM4.44444 11.1429C4.14976 11.1429 3.86714 11.0224 3.65877 10.8081C3.4504 10.5938 3.33333 10.3031 3.33333 10C3.33333 9.6969 3.4504 9.40621 3.65877 9.19188C3.86714 8.97755 4.14976 8.85714 4.44444 8.85714C4.73913 8.85714 5.02174 8.97755 5.23012 9.19188C5.43849 9.40621 5.55556 9.6969 5.55556 10C5.55556 10.3031 5.43849 10.5938 5.23012 10.8081C5.02174 11.0224 4.73913 11.1429 4.44444 11.1429ZM3.33333 13.4286C3.33333 13.1255 3.4504 12.8348 3.65877 12.6205C3.86714 12.4061 4.14976 12.2857 4.44444 12.2857C4.73913 12.2857 5.02174 12.4061 5.23012 12.6205C5.43849 12.8348 5.55556 13.1255 5.55556 13.4286C5.55556 13.7317 5.43849 14.0224 5.23012 14.2367C5.02174 14.451 4.73913 14.5714 4.44444 14.5714C4.14976 14.5714 3.86714 14.451 3.65877 14.2367C3.4504 14.0224 3.33333 13.7317 3.33333 13.4286Z" fill="white"/>
+</svg>
diff --git a/website/static/js/pages/base-page.js b/website/static/js/pages/base-page.js
index 877239bd271..5dc79417698 100644
--- a/website/static/js/pages/base-page.js
+++ b/website/static/js/pages/base-page.js
@@ -8,7 +8,8 @@ require('../../vendor/bootstrap-editable-custom/css/bootstrap-editable.css');
 require('../../vendor/bower_components/jquery-ui/themes/base/resizable.css');
 require('../../css/bootstrap-xl.css');
 require('../../css/animate.css');
-require('font-awesome-webpack');
+
+import '@fortawesome/fontawesome-free/css/all.css';
 
 var $ = require('jquery');
 var Cookie = require('js-cookie');
diff --git a/website/templates/base.mako b/website/templates/base.mako
index 642f8ffa03c..45858ebb5d5 100644
--- a/website/templates/base.mako
+++ b/website/templates/base.mako
@@ -142,53 +142,78 @@
         <div id='devmode' data-bind='click: showHideMetaInfo'><strong>WARNING</strong>: This site is running in development mode.</div>
     </div>
     % endif
+    <div class="main-wrapper">
+        ${self.nav()}
+        <div class="content-wrapper">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col">
+                        ## Maintenance alert
+                        % if maintenance:
+                            <div id="maintenance" class="scripted alert alert-dismissible" role="alert">
+                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                                <span aria-hidden="true">&times;</span></button>
+                            <strong>Notice:</strong>
+                            % if maintenance['message']:
+                                ${maintenance['message']}
+                            % else:
+                                The site will undergo maintenance between <span id="maintenanceTime"></span>.
+                                Thank you for your patience.
+                            % endif
+                        </div>
+                        % endif
+                        ## End Maintenance alert
+                    </div>
+                </div>
+            </div>
+            ## TODO: shouldn't always have the watermark class
+            <div class="main-content flex-grow-1">
+                ${self.content_wrap()}
+            </div>
 
-    ${self.nav()}
-     ## TODO: shouldn't always have the watermark class
-    ${self.content_wrap()}
 
-<div class="footBanners">
-    <div id="IEDepreciationBanner"  class="alert warningBanner">
-        <div class="warningBannerText">
-            OSF does not support the use of Internet Explorer. For optimal performance, please switch to another browser.
-        </div>
-        <div class="warningBannerAcceptBtn">
-            <div class="btn btn-default" data-dismiss="alert" data-bind="click: accept" aria-label="Accept">Accept</div>
-        </div>
-    </div>
-    % if not user_id:
-    <div id="cookieBanner" class="alert warningBanner">
-        <div id="cookieText" class="warningBannerText">
-            This website relies on cookies to help provide a better user experience. By clicking Accept or continuing to use the site, you agree. For more information,
-            see our <a href='https://github.com/CenterForOpenScience/cos.io/blob/master/PRIVACY_POLICY.md'>Privacy Policy</a>
-            and information on <a href='https://github.com/CenterForOpenScience/cos.io/blob/master/PRIVACY_POLICY.md#7-types-of-information-we-collect'>cookie use</a>.
-        </div>
-        <div class="warningBannerAcceptBtn">
-            <div class="btn btn-default" data-dismiss="alert" data-bind="click: accept" aria-label="Accept">Accept</div>
-        </div>
-    </div>
-    <div id="footerSlideIn">
-        <div class="container">
-            <div class="row">
-                <div class='col-sm-2 hidden-xs'>
-                    <img class="logo" src="/static/img/circle_logo.png">
+            <div class="footBanners">
+                <div id="IEDepreciationBanner"  class="alert warningBanner">
+                    <div class="warningBannerText">
+                        OSF does not support the use of Internet Explorer. For optimal performance, please switch to another browser.
+                    </div>
+                    <div class="warningBannerAcceptBtn">
+                        <div class="btn btn-default" data-dismiss="alert" data-bind="click: accept" aria-label="Accept">Accept</div>
+                    </div>
                 </div>
-                <div class='col-sm-10 col-xs-12'>
-                    <a data-bind="click: dismiss" class="close" href="#">&times;</a>
-                    <h1>Start managing your projects on the OSF today.</h1>
-                    <p>Free and easy to use, the Open Science Framework supports the entire research lifecycle: planning, execution, reporting, archiving, and discovery.</p>
-                    <div>
-                        <a data-bind="click: trackClick.bind($data, 'Create Account')" class="btn btn-primary" href="${web_url_for('index')}#signUp">Create an Account</a>
-
-                        <a data-bind="click: trackClick.bind($data, 'Learn More')" class="btn btn-primary" href="https://help.osf.io/article/384-managing-projects" target="_blank" rel="noreferrer">Learn More</a>
-                        <a data-bind="click: dismiss">Hide this message</a>
+                % if not user_id:
+                <div id="cookieBanner" class="alert warningBanner">
+                    <div id="cookieText" class="warningBannerText">
+                        This website relies on cookies to help provide a better user experience. By clicking Accept or continuing to use the site, you agree. For more information,
+                        see our <a href='https://github.com/CenterForOpenScience/cos.io/blob/master/PRIVACY_POLICY.md'>Privacy Policy</a>
+                        and information on <a href='https://github.com/CenterForOpenScience/cos.io/blob/master/PRIVACY_POLICY.md#7-types-of-information-we-collect'>cookie use</a>.
+                    </div>
+                    <div class="warningBannerAcceptBtn">
+                        <div class="btn btn-default" data-dismiss="alert" data-bind="click: accept" aria-label="Accept">Accept</div>
+                    </div>
+                </div>
+                <div id="footerSlideIn">
+                    <div class="container">
+                        <div class="row">
+                            <div class='col-sm-2 hidden-xs'>
+                                <img class="logo" src="/static/img/circle_logo.png">
+                            </div>
+                            <div class='col-sm-10 col-xs-12'>
+                                <a data-bind="click: dismiss" class="close" href="#">&times;</a>
+                                <h1>Start managing your projects on the OSF today.</h1>
+                                <p>Free and easy to use, the Open Science Framework supports the entire research lifecycle: planning, execution, reporting, archiving, and discovery.</p>
+                                <div>
+                                    <a data-bind="click: trackClick.bind($data, 'Create Account')" class="btn btn-primary" href="${web_url_for('index')}#signUp">Create an Account</a>
+
+                                    <a data-bind="click: trackClick.bind($data, 'Learn More')" class="btn btn-primary" href="https://help.osf.io/article/384-managing-projects" target="_blank" rel="noreferrer">Learn More</a>
+                                    <a data-bind="click: dismiss">Hide this message</a>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </div>
-</div>
-% endif
+            % endif
 
 
     ${self.footer()}
@@ -279,6 +304,8 @@
         % endif
 
         ${self.javascript_bottom()}
+    </div>
+</div>
     </body>
 </html>
 
diff --git a/website/templates/external_login_email.mako b/website/templates/external_login_email.mako
index 69c3c168c81..ba24eb68f3a 100644
--- a/website/templates/external_login_email.mako
+++ b/website/templates/external_login_email.mako
@@ -1,35 +1,40 @@
 <%inherit file="base.mako"/>
 <%def name="title()">OSF ${external_id_provider} Login</%def>
 <%def name="content()">
-<h1 class="page-header text-center">OSF ${external_id_provider} Login | Register Email</h1>
+<h1 class="page-header text-center">Sign In With ${external_id_provider}</h1>
 
 <div class="row">
     ## Center the form
     <div class="col-md-6 col-md-offset-3">
-        <p class='help'>
-            Please enter your email to finalize the login.
-            If you already have an OSF account, this will link your ${external_id_provider} profile with OSF.
-            If not, this will create a new account for you with your ${external_id_provider} profile.
-        </p>
-
-        <form id='resendForm' method='POST' class='form' role='form'>
-            % if not auth_user_fullname:
+        % if status_message:
+        <p class="alert alert-success">${status_message}</p>
+        % else:
+            <p>Please enter your email to finalize your ${external_id_provider} login.</p>
+            <p>If you already have an OSF account, this will link your ${external_id_provider} profile with OSF. If not, this will create a new account for you with your ${external_id_provider} profile.</p>
+            <form id='resendForm' method='POST' class='form' role='form'>
                 <div class='form-group'>
                     Full name:
                     ${form.name(placeholder='Albert Einstein', autofocus=True, required='required') | unicode, n }
                 </div>
-            % endif
-            <div class='form-group'>
-                Email address:
-                ${form.email(placeholder='support@osf.io', autofocus=True, required=True) | unicode, n }
-            </div>
-            <div class='form-group'>
-                ${form.accepted_terms_of_service(required='required') | unicode, n }
-                <label>I have read and agree to the <a target="_blank" href='https://github.com/CenterForOpenScience/cos.io/blob/master/TERMS_OF_USE.md'>Terms of Use</a> and <a target="_blank" href='https://github.com/CenterForOpenScience/cos.io/blob/master/PRIVACY_POLICY.md'>Privacy Policy</a>.</label>
-            </div>
-            <button type='submit' class='btn btn-primary'>Send</button>
-            <a href='/logout' class='btn btn-danger'>Cancel</a>
-        </form>
+                <div class='form-group'>
+                    Email address:
+                    ${form.email(placeholder='support@osf.io', autofocus=True, required=True) | unicode, n }
+                </div>
+                % if error_list:
+                    % for error in error_list:
+                         <div class="alert alert-danger">${error}</div>
+                    % endfor
+                % endif
+                <div class='form-group'>
+                    ${form.accepted_terms_of_service(required='required') | unicode, n }
+                    <label>I have read and agree to the <a target="_blank" href='https://github.com/CenterForOpenScience/cos.io/blob/master/TERMS_OF_USE.md'>Terms of Use</a> and <a target="_blank" href='https://github.com/CenterForOpenScience/cos.io/blob/master/PRIVACY_POLICY.md'>Privacy Policy</a>.</label>
+                </div>
+                <div class='border-top flex-row gap-1 padding-top-2'>
+                    <a href='/logout' class='btn btn-secondary flex-grow-1'>Cancel</a>
+                    <button type='submit' class='btn btn-primary flex-grow-1'>Send</button>
+                </div>
+            </form>
+        % endif
     </div>
 </div>
 </%def>
diff --git a/website/templates/footer.mako b/website/templates/footer.mako
index b6ddc4f7637..8a8dac29638 100644
--- a/website/templates/footer.mako
+++ b/website/templates/footer.mako
@@ -1,63 +1,61 @@
+
 <% from datetime import datetime %>
-<div style="padding-top: 10px; margin-top: 20px; text-shadow: 0 1px 0 #fff; width: 100%; color: #515151; text-align: center; background-color: #efefef;">
-    <div class="container-fluid">
-        <div class="row">
-            <div class="col-sm-12 col-md-8 col-md-offset-2">
-                <p class="footer-links">
-                    <span>
-                        Copyright &copy; 2011-${datetime.utcnow().year}
-                    </span>
-                    <a href="${footer_links['cos']}">
-                        Center for Open Science
-                    </a>
-                    <span>
-                        |
-                    </span>
-                    <a href="${footer_links['terms']}">
-                        Terms&nbsp;of&nbsp;Use
-                    </a>
-                    <span>
-                        |
-                    </span>
-                    <a href="${footer_links['privacyPolicy']}">
-                        Privacy&nbsp;Policy
-                    </a>
-                    <span>
-                        |
-                    </span>
-                    <a href="${footer_links['statusPage']}">
-                        Status
-                    </a>
-                    <span>
-                        |
-                    </span>
-                    <a href="${footer_links['apiDocs']}">
-                        API
-                    </a>
-                    <br>
-                    <a href="${footer_links['topGuidelines']}">
-                        TOP Guidelines
-                    </a>
-                    <span>
-                        |
-                    </span>
-                    <a href="${footer_links['rpp']}">
-                        Reproducibility&nbsp;Project: Psychology
-                    </a>
-                    <span>
-                        |
-                    </span>
-                    <a href="${footer_links['rpcb']}">
-                        Reproducibility&nbsp;Project: Cancer Biology
-                    </a>
-                </p>
-                <p>
-                    <a href="${footer_links['twitter']}" aria-label="Twitter"><i class="fa fa-twitter fa-2x"></i></a>
-                    <a href="${footer_links['facebook']}" aria-label="Facebook"><i class="fa fa-facebook fa-2x"></i></a>
-                    <a href="${footer_links['googleGroup']}" aria-label="Google Group"><i class="fa fa-group fa-2x"></i></a>
-                    <a href="${footer_links['github']}" aria-label="GitHub"><i class="fa fa-github fa-2x"></i></a>
-                </p>
-            </div>
-        </div>
+<div class="footer-wrapper">
+    <div class="footer-row">
+        <span>
+            <a href="${footer_links['cos']}">
+                Center for Open Science
+            </a>
+        </span>
+        <div class="footer-social-links-list">
+            <a class="footer-logo" href="${footer_links['github']}" aria-label="Twitter">
+                <span class="fa-stack">
+                    <i class="fa-brands fa-github-square fa-2x"></i>
+                </span>
+            </a>
+            <a class="footer-logo" href="${footer_links['github']}" aria-label="LinkedIn">
+                <span class="fa-stack">
+                    <i class="fa-brands fa-linkedin fa-2x"></i>
+                </span>
+            </a>
+            <a class="footer-logo" href="${footer_links['github']}" aria-label="Bluesky">
+                <span class="fa-stack">
+                    <i class="fa-solid fa-square fa-stack-2x"></i>
+                    <i class="fa-brands fa-bluesky fa-stack-1x fa-inverse"></i>
+                </span>
+            </a>
+            <a class="footer-logo" href="${footer_links['github']}" aria-label="Mastodon">
+                <span class="fa-stack">
+                    <i class="fa-solid fa-square fa-stack-2x"></i>
+                    <i class="fa-brands fa-mastodon fa-stack-1x fa-inverse"></i>
+                </span>
+            </a>
+        </span>
     </div>
+</div>
+<div class="footer-row">
+    <div class="footer-links-list">
+        <a href="${footer_links['terms']}">
+            Terms&nbsp;of&nbsp;Use
+        </a>
+        |
+        <a href="${footer_links['privacyPolicy']}">
+            Privacy&nbsp;Policy
+        </a>
+        |
+        <a href="${footer_links['statusPage']}">
+            Status
+        </a>
+        |
+        <a href="${footer_links['apiDocs']}">
+            API
+        </a>
+        |
+        <a href="${footer_links['topGuidelines']}">
+            TOP Guidelines
+        </a>
+    </div>
+    <span>
+        Copyright &copy; 2011-${datetime.utcnow().year}
+    </span>
 </footer>
diff --git a/website/templates/nav.mako b/website/templates/nav.mako
index ce9733291eb..288dbe069e7 100644
--- a/website/templates/nav.mako
+++ b/website/templates/nav.mako
@@ -2,117 +2,136 @@
 <link rel="stylesheet" href='/static/css/nav.css'>
 <div class="osf-nav-wrapper" role="navigation">
 
-<nav class="navbar navbar-inverse navbar-fixed-top" id="navbarScope">
-    <div class="container">
-        <div class="navbar-header">
-        <a class="navbar-brand" href="/" aria-label="Go home"><span class="osf-navbar-logo"></span></a>
-        <div class="service-name">
-            <a href="${service_url}">
-                <span class="hidden-xs"> OSF </span>
-                <span class="current-service"><strong>${service_name}</strong></span>
-            </a>
-        </div>
-        <div class="dropdown primary-nav">
-            <button data-bind="click: trackClick.bind($data, 'Dropdown Arrow')" class="dropdown-toggle btn-link" data-toggle="dropdown" aria-expanded="false" aria-label="Toggle primary navigation">
-                <span class="fa fa-caret-down fa-2x"></span>
-            </button>
-            <ul class="dropdown-menu service-dropdown" role="menu">
-                <li><a data-bind="click: trackClick.bind($data, 'Home')" href="${domain}">OSF<b>HOME</b></a></li>
-                <li><a data-bind="click: trackClick.bind($data, 'Preprints')" href="${domain}preprints/">OSF<b>PREPRINTS</b></a></li>
-                <li><a data-bind="click: trackClick.bind($data, 'Registries')" href="${domain}registries/">OSF<b>REGISTRIES</b></a></li>
-                <li><a data-bind="click: trackClick.bind($data, 'Meetings')" href="${domain}meetings/">OSF<b>MEETINGS</b></a></li>
-                % if institutional_landing_flag:
-                    <li><a data-bind="click: trackClick.bind($data, 'Institutions')" href="${domain}institutions/">OSF<b>INSTITUTIONS</b></a></li>
-                % endif
+<nav class="navbar navbar-fixed-top mobile-only">
+    <span class="left-logo"><span class="osf-navbar-logo"></span>OSF</span>
+    <input type="checkbox" id="toggle-leftnav" class="toggle-nav-input" aria-controls='slideout-nav' hidden/>
+    <label for="toggle-leftnav" class="toggle-nav-label mobile-only" aria-label="Toggle navigation menu">
+        <i class="fa fa-bars fa-2x"></i>
+    </label>
+    <!-- Sliding left nav -->
+    <aside id="slideout-nav" class="left-pane left-pane-nav slideout mobile-only">
+        <nav>
+            <ul class='left-pane-ul'>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Home')" href="${domain}">
+                        <i class="fa fa-home"></i>
+                        Home
+                    </a>
+                </li>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Search')" href="${domain}search/">
+                        <i class="fa fa-search"></i>
+                        Search
+                    </a>
+                </li>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Support')" href="${service_support_url}">
+                        <i class="fa fa-headset"></i>
+                        Support
+                    </a>
+                </li>
             </ul>
-        </div>
-        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#secondary-navigation" aria-label="Toggle secondary navigation"}}>
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-        </button>
-    </div>
-    <div id="navbar" class="navbar-collapse collapse navbar-right">
-        <ul class="nav navbar-nav"></ul>
-    </div><!--/.navbar-collapse -->
-
-    <div class="navbar-collapse collapse navbar-right" id="secondary-navigation">
-        <ul class="nav navbar-nav">
-            % if service_name == 'HOME':
-                % if user_name:
-                    <li><a data-bind="click: trackClick.bind($data, 'MyProjects')" href="${domain}myprojects/">My Projects</a></li>
-                % endif
-                    <li><a id="navbar-search" data-bind="click: trackClick.bind($data, 'Search')" href="${domain}search/">Search</a></li>
-            % endif
-            <li class="dropdown">
-            <a id="navbar-support" data-bind="click: trackClick.bind($data, '${service_name} Support')" href="${service_support_url}">Support</a>
-            </li>
-            <li class="navbar-donate-button"><a id="navbar-donate" data-bind="click: trackClick.bind($data, 'Donate')" href="https://cos.io/donate">Donate</a></li>
-            % if user_name and display_name:
-            <li class="dropdown secondary-nav-dropdown">
-                <a class="dropdown-toggle btn-link" data-toggle="dropdown" role="button" aria-expanded="false" aria-label="Toggle auth dropdown">
-                    <div class="osf-profile-image">
-                        <img src="${user_profile_image}" alt="User profile image">
-                    </div>
-                    <div class="nav-profile-name">
-                            ${display_name}
-                    </div>
-                    <div class="caret"></div>
-                </a>
-
-                <ul class="dropdown-menu auth-dropdown" role="menu">
-                    <li><a data-bind="click: trackClick.bind($data, 'MyProfile')" href="${domain}profile/"><i class="fa fa-user fa-lg p-r-xs"></i> My Profile</a></li>
-                    <li><a data-bind="click: trackClick.bind($data, 'Support')" href="https://help.osf.io/" ><i class="fa fa-life-ring fa-lg p-r-xs"></i> OSF Support</a></li>
-                    <li><a data-bind="click: trackClick.bind($data, 'Settings')" href="${web_url_for('user_profile')}"><i class="fa fa-cog fa-lg p-r-xs"></i> Settings</a></li>
-                    <li><a data-bind="click: trackClick.bind($data, 'Logout')" href="${web_url_for('auth_logout')}"><i class="fa fa-sign-out fa-lg p-r-xs"></i> Log out</a></li>
-                </ul>
-            </li>
-            % elif allow_login:
-                %if institution:
-                    <li class="dropdown sign-in">
-                    <div class="btn-group">
-                        <a href="${domain}login/?campaign=institution&next=${redirect_url}">
-                            <button type="button" class="btn btn-info btn-top-login">
-                            Sign in <span class="hidden-xs"><i class="fa fa-arrow-right"></i></span>
-                            </button>
-                        </a>
-                    </div>
-                    </li>
-                %else :
-                <li class="dropdown sign-in">
-                    <div class="col-sm-12">
-                        <a data-bind="click: trackClick.bind($data, 'SignUp')" href="${sign_up_url}" class="btn btn-success btn-top-signup m-r-xs">Sign Up</a>
-                        <a data-bind="click: trackClick.bind($data, 'SignIn')" href="${login_url}" class="btn btn-info btn-top-login p-sm">Sign In</a>
-                    </div>
+            <ul class='left-pane-ul'>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Registries')" href="${domain}registries/">
+                        <img class="social-icons" src="/static/img/left-nav-icons/registries.svg" title="Registries" alt="Registries icon">
+                        Registries
+                        <i class="fa fa-chevron-right chevron-right"></i>
+                    </a>
                 </li>
-                %endif
-            % endif
-
-        </ul>
-    </div>
-</div>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Preprints')" href="${domain}preprints/">
+                        <img class="social-icons" src="/static/img/left-nav-icons/preprints.svg" title="Preprints" alt="Preprints icon">
+                        Preprints
+                        <i class="fa fa-chevron-right chevron-right"></i>
+                    </a>
+                </li>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Meetings')" href="${domain}meetings/">
+                        <img class="social-icons" src="/static/img/left-nav-icons/meetings.svg" title="Meetings" alt="Meetings icon">
+                        Meetings
+                    </a>
+                </li>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Institutions')" href="${domain}institutions/">
+                        <i class="fa fa-university"></i>
+                        Institutions
+                    </a>
+                </li>
+            </ul>
+            <ul class='left-pane-ul'>
+                <li>
+                    <a data-bind="click: trackClick.bind($data, 'Donate')" href="https://www.cos.io/support-cos">
+                        <i class="fa fa-hand-holding-dollar"></i>
+                        Donate
+                    </a>
+                </li>
+            </ul>
+        </nav>
+    </aside>
 </nav>
-    <div class="container-fluid">
-        <div class="row">
-            <div class="col">
-                ## Maintenance alert
-                % if maintenance:
-                    <div id="maintenance" class="scripted alert alert-dismissible" role="alert">
-                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                        <span aria-hidden="true">&times;</span></button>
-                    <strong>Notice:</strong>
-                    % if maintenance['message']:
-                        ${maintenance['message']}
-                    % else:
-                        The site will undergo maintenance between <span id="maintenanceTime"></span>.
-                        Thank you for your patience.
-                    % endif
-                </div>
-                % endif
-                ## End Maintenance alert
-            </div>
-        </div>
+
+
+<!-- Left nav for desktop --->
+<nav class="left-pane-nav desktop-only" id="leftnavScope">
+    <div>
+        <span class="left-logo"><span class="osf-navbar-logo"></span>OSF</span>
     </div>
+    <ul class='left-pane-ul'>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Home')" href="${domain}">
+                <i class="fa fa-home"></i>
+                Home
+            </a>
+        </li>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Search')" href="${domain}search/">
+                <i class="fa fa-search"></i>
+                Search
+            </a>
+        </li>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Support')" href="${service_support_url}">
+                <i class="fa fa-headset"></i>
+                Support
+            </a>
+        </li>
+    </ul>
+    <ul class='left-pane-ul'>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Registries')" href="${domain}registries/">
+                <img src="/static/img/left-nav-icons/registries.svg" title="Registries" alt="Registries icon">
+                Registries
+                <i class="fa fa-chevron-right chevron-right"></i>
+            </a>
+        </li>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Preprints')" href="${domain}preprints/">
+                <img src="/static/img/left-nav-icons/preprints.svg" title="Preprints" alt="Preprints icon">
+                Preprints
+                <i class="fa fa-chevron-right chevron-right"></i>
+            </a>
+        </li>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Meetings')" href="${domain}meetings/">
+                <img src="/static/img/left-nav-icons/meetings.svg" title="Meetings" alt="Meetings icon">
+                Meetings
+            </a>
+        </li>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Institutions')" href="${domain}institutions/">
+                <i class="fa fa-university"></i>
+                Institutions
+            </a>
+        </li>
+    </ul>
+    <ul class='left-pane-ul'>
+        <li>
+            <a data-bind="click: trackClick.bind($data, 'Donate')" href="https://www.cos.io/support-cos">
+                <i class="fa fa-hand-holding-dollar"></i>
+                Donate
+            </a>
+        </li>
+    </ul>
 </div>
 </%def>
diff --git a/yarn.lock b/yarn.lock
index 7dcf3023814..70f26dd5a2f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -34,6 +34,35 @@
   resolved "https://registry.yarnpkg.com/@centerforopenscience/osf-style/-/osf-style-1.9.0.tgz#0ab5cb17e2c531aafcc19e226f36ff86b734116e"
   integrity sha512-R9IBVbz4eb/NkoM5TZGH46T9m5jspwK0H605O0oSMggHZPcTrf5gAHw0axeC26nKmEpz2FSXjvm84ziPNvhsvA==
 
+"@fortawesome/fontawesome-common-types@7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.0.1.tgz#e9ab94b1ca93e7020e3c7eda2ef1ba8cca8ba1dc"
+  integrity sha512-0VpNtO5cNe1/HQWMkl4OdncYK/mv9hnBte0Ew0n6DMzmo3Q3WzDFABHm6LeNTipt5zAyhQ6Ugjiu8aLaEjh1gg==
+
+"@fortawesome/fontawesome-free@^7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-7.0.1.tgz#c1ac7f07ba2df47d1de7b7236fad25c4e6ca5076"
+  integrity sha512-RLmb9U6H2rJDnGxEqXxzy7ANPrQz7WK2/eTjdZqyU9uRU5W+FkAec9uU5gTYzFBH7aoXIw2WTJSCJR4KPlReQw==
+
+"@fortawesome/fontawesome-svg-core@^7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.0.1.tgz#f5f7bbfe09e7cc35fd30eefe6be018d2e9c5dd4d"
+  integrity sha512-x0cR55ILVqFpUioSMf6ebpRCMXMcheGN743P05W2RB5uCNpJUqWIqW66Lap8PfL/lngvjTbZj0BNSUweIr/fHQ==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "7.0.1"
+
+"@fortawesome/free-brands-svg-icons@^7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.0.1.tgz#2a975ae2a26710cb2b34c25d4fe706dcd4747f69"
+  integrity sha512-6xPmn5SrND/GM0+W33E77x05+aDn6RpR02eWd8eLdN0IxY0vXa5yU/ugaAKloOVxiG9w2330TSRsbJYL6c57Ow==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "7.0.1"
+
+"@fortawesome/react-fontawesome@^3.0.2":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-3.0.2.tgz#275ab6bc04977e145b072ba18c24779eb3427073"
+  integrity sha512-cmp/nT0pPC7HUALF8uc3+D5ECwEBWxYQbOIHwtGUWEu72sWtZc26k5onr920HWOViF0nYaC+Qzz6Ln56SQcaVg==
+
 "@samverschueren/stream-to-observable@^0.3.0":
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.1.tgz#a21117b19ee9be70c379ec1877537ef2e1c63301"
@@ -1580,11 +1609,6 @@ font-awesome-webpack@0.0.5-beta.2:
     less-loader "~2.2.3"
     style-loader "~0.13.1"
 
-font-awesome@^4.4.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
-  integrity sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=
-
 from2@^2.1.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"