Adds newer design elements

source/docs/index.md

@@ -1,4 +0,0 @@
-title: Welcome to Status Studio
----
-
-Docs to go here.

source/extensions/index.md

@@ -1,6 +0,0 @@
-layout: plugins
-title: Extensions
-data: plugins
-partial: plugin
-comments: false
----

source/tutorials/index.md

@@ -1,7 +0,0 @@
-layout: tutorials
-title: Tutorials
-data: tutorials
-partial: tutorial
-comments: false
----
-

themes/navy/layout/chat.swig

@@ -1,7 +0,0 @@
-<div id="content-wrap">
-  <div class="wrapper">
-    <div class="inner">
-      {{ page.content }}
-    </div>
-  </div>
-</div>

themes/navy/layout/index.swig

@@ -1,5 +1,11 @@
 <div class="home-cover">
      {{ partial('partial/header') }}
+     <div class="site-specific-menu">
+        <p>
+            <a class="site-name" href="/">studio</a>
+            <a class="specific-nav-link active" href="/"><span>About</span></a>
+        </p>
+    </div>
     <div class="intro">
         <h1>An Integrated Developer Environment and Education Platform</h1>
         <p>Status Studio is designed to become a one-stop-shop for DApp development and education. We’ve listened to the needs of developers in the Ethereum ecosystem and we’re working to alleviate your pain points.</p>
@@ -94,13 +100,19 @@
                 <p>Whether you’re an expert web3 developer or just starting out with Ethereum, give us your input and help shape the MVP. 
                 <p>
                     <a href="#">Fill out the form</a>
+                    <span><a href="https://docs.google.com/forms/d/e/1FAIpQLScDYg6iwc7K1SLutyefjm2de58rPEmMlcmpzeIcYBH6ZQ2M2Q/viewform"><img src="../img/arrow_green.svg" /></a></span>
+            </div>
+            <div class="contribute">
+                <h3>Volunteer for a User Research Interview</h3>
+                <p>Sign up for an in-depth interview with one of our UX Researchers. Complete this sign up form to get started.</p> 
+                <p>
+                    <a href="#">Volunteer for a User Research Interview</a>
                     <span><a href="#"><img src="../img/arrow_green.svg" /></a></span>
             </div>
         </div>
         <div class="volunteer-wrap">
-            <h2>Volunteer for a User Research Interview</h2>
+            <h2>Stay up to date on the latest Status Studio News</h2>
-            <p>Sign up for an in-depth interview with one of our UX Researchers. Complete this sign up form to get started.</p>
+            <p>Make sure you stay up to date on all the latest Studio news, interviews, blogs, and research!</p>
-            <a href="#">SIGN UP FOR INTERVIEW</a>
+        </div>
-    </div>
     </div>
 </div>

themes/navy/layout/partial/header.swig

@@ -6,20 +6,20 @@
         <nav>
             <ul>
                 <li>
-                    <a href="/about/" class="main-link">About</a>
+                    <a href="https://dev-docs.status.im/app/" class="main-link">App</a>
                 </li>
                 <li>
                     <a href="https://our.status.im/" class="main-link">Blog</a>
                 </li>
                 <li>
-                    <a href="/docs/" class="main-link">Docs</a>
+                    <a href="https://dev-docs.status.im/docs/" class="main-link">Docs</a>
                 </li>
                 <li class="has-popup has-popup-community">
                     <a href="#" class="main-link">Projects</a>
                     <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.4"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.23198 3.83006L1.70264 0.292429C1.31888 -0.0922324 0.683447 -0.095995 0.293839 0.294529C-0.0984862 0.687776 -0.0967079 1.31728 0.291744 1.70664L4.52863 5.95348C4.72016 6.14547 4.97439 6.24257 5.22946 6.24313C5.48789 6.2456 5.74145 6.14782 5.93533 5.95348L10.1722 1.70664C10.556 1.32198 10.5597 0.685054 10.1701 0.294529C9.7778 -0.0987176 9.14977 -0.0969352 8.76132 0.292429L5.23198 3.83006Z" fill="#6E777E"/> </g> </svg>
                 </li>
                 <li>
-                    <a href="/contribute/" class="main-link">Contribute</a>
+                    <a href="https://dev-docs.status.im/contribute/" class="main-link">Contribute</a>
                 </li>
                 <li class="has-popup has-popup-community">
                     <a href="#">Community</a>

themes/navy/layout/plugins.swig

@@ -1,14 +0,0 @@
-<div id="content-wrap">
-  <div class="wrapper">
-    <div class="inner">
-      <header id="plugin-list-header">
-        <h1 id="plugin-list-title">{{ page.title }}</h1>
-      </header>
-      <ul id="plugin-list">
-        {% for plugin in site.data[page.data] %}
-          {{ partial('partial/' + page.partial, {plugin: plugin}) }}
-        {% endfor %}
-      </ul>
-    </div>
-  </div>
-</div>

themes/navy/layout/post.swig

@@ -1,7 +0,0 @@
-<div id="content-wrap">
-  <div class="wrapper">
-    <div class="inner">
-      {{ partial('partial/post', {post: page}) }}
-    </div>
-  </div>
-</div>

themes/navy/layout/templates.swig

@@ -1,14 +0,0 @@
-<div id="content-wrap">
-  <div class="wrapper">
-    <div class="inner">
-      <header id="plugin-list-header">
-        <h1 id="plugin-list-title">{{ page.title }}</h1>
-      </header>
-      <ul id="plugin-list">
-        {% for template in _.sortBy(site.data[page.data], 'name') %}
-          {{ partial('partial/' + page.partial, {template: template}) }}
-        {% endfor %}
-      </ul>
-    </div>
-  </div>
-</div>

themes/navy/layout/tutorial.swig

@@ -1,33 +0,0 @@
-<div id="content-wrap">
-  <div id="content" class="wrapper">
-    <div id="content-inner-full">
-      <article class="article-container" itemscope itemtype="http://schema.org/Article">
-        <div class="article-inner">
-          <div class="article">
-            <div class="inner">
-              <header class="article-header">
-                <h1 class="article-title" itemprop="name">{{ page.title }}</h1>
-              </header>
-              <div class="article-content" itemprop="articleBody">
-                {{ page_anchor(page.content) }}
-              </div>
-              <footer class="article-footer">
-                <time class="article-footer-updated" datetime="{{ date_xml(page.updated) }}" itemprop="dateModified">{{ __('page.last_updated', date(page.updated)) }}</time>
-                {{ page_nav() }}
-              </footer>
-            </div>
-          </div>
-          <aside id="article-toc" role="navigation">
-            <div id="article-toc-inner">
-              <strong class="sidebar-title">{{ __('page.contents') }}</strong>
-              {{ toc(page.content, {list_number: false}) }}
-              <a href="#" id="article-toc-top">{{ __('page.back_to_top') }}</a>
-            </div>
-          </aside>
-        </div>
-      </article>
-      {{ partial('partial/sidebar') }}
-    </div>
-  </div>
-</div>
-

themes/navy/layout/tutorials.swig

@@ -1,14 +0,0 @@
-<div id="content-wrap">
-  <div class="wrapper">
-    <div class="inner">
-      <header id="plugin-list-header">
-        <h1 id="plugin-list-title">{{ page.title }}</h1>
-      </header>
-      <ul id="plugin-list">
-        {% for tutorial in _.sortBy(site.data[page.data], 'name') %}
-          {{ partial('partial/' + page.partial, {tutorial: tutorial}) }}
-        {% endfor %}
-      </ul>
-    </div>
-  </div>
-</div>

themes/navy/source/css/_partial/carbonads.styl

@@ -1,32 +0,0 @@
-#carbonads
-  display: block
-  overflow: hidden
-  margin-top: 40px
-  max-width: 130px
-  text-align: left
-  font-size: 13px
-  line-height: 1.5
-  a
-    color: inherit
-    text-decoration: none
-  &:hover
-    color: inherit
-  span
-    display: block
-    overflow: hidden
-
-.carbon-img
-  display: block
-  margin: 0 auto 8px
-  line-height: 1
-
-.carbon-text
-  display: block
-  margin-bottom: 8px
-
-.carbon-poweredby
-  display: block
-  text-transform: uppercase
-  letter-spacing: 1px
-  font-size: 9px
-  line-height: 1

themes/navy/source/css/_partial/header.styl

@@ -199,9 +199,14 @@ logo-size = 50px
   font-weight: bold
   font-size: 18px
   color: #000
+  text-decoration: none 
+  padding-right: 24px
 
 .specific-nav-link  
   color: rgba(45,65,36,0.7)
   text-decoration: none
   &:active
     color: #5EC12F
+
+.active
+    color: #5EC12F

themes/navy/source/css/_partial/main.styl

@@ -492,6 +492,7 @@ body
       font-size: 20px
       color: #000000
       line-height: normal
+      font-weight: bold
     .features
       display: flex
       list-style-type: none
@@ -1091,13 +1092,13 @@ pre {
   border-radius: 5px
   margin-right: 30px
   padding: 32px
-  width: calc(33.33% - 30px)
+  width: calc(50% - 30px)
   flex-direction: column
   margin-top: 40px
   border: 1px solid rgba(0, 0, 0, 0.1)
   box-sizing: border-box
   border-radius: 10px
-  &:nth-child(3n+3)
+  &:nth-child(3n+4)
     margin-right: 0
   h3 
     font-style: normal

themes/navy/source/css/_partial/page.styl

@@ -257,3 +257,7 @@ $article-footer-link
 #comments
   @media print
     display: none
+
+.sections
+  margin-top: 50px
+  

themes/navy/source/css/_partial/plugins.styl

@@ -1,131 +0,0 @@
-#plugin-list-header
-  clearfix()
-  margin: 40px 0
-
-#plugin-list-title
-  font-family: font-title
-  font-size: 36px
-  font-weight: 300
-  line-height: 1
-  float: left
-
-#plugin-list-count
-  color: color-gray
-  padding-top: 1em
-  text-align: right
-  @media mq-normal
-    float: right
-    line-height: 40px
-    padding-top: 0
-    padding-right: 15px
-
-#plugin-search-input
-  font-size: 16px
-  font-family: inherit
-  -webkit-appearance: none
-  border: 1px solid color-border
-  padding: 10px 10px
-  width: 100%
-  margin-top: 25px
-  @media mq-normal
-    float: right
-    width: 50%
-    margin-top: 0
-
-#plugin-list
-  margin: 40px -20px
-  display: flex
-  flex-flow: column
-  @media mq-tablet
-    flex-flow: row wrap
-
-.plugin
-  display: none
-  padding: 20px
-  @media mq-tablet
-    flex: 0 0 50%
-  @media mq-normal
-    flex: 0 0 (100 / 3)%
-  &.on
-    display: block
-
-.plugin-name
-  font-family: font-title
-  font-weight: bold
-  color: color-link
-  font-size: 20px
-  text-decoration: none
-  line-height: 1
-  display: block
-  &:hover
-    color: color-link-hover
-
-.plugin-desc
-  line-height: line-height
-  margin: 1em 0
-
-.plugin-tag-list
-  clearfix()
-  line-height: 1.3
-
-.plugin-tag
-  color: color-gray
-  font-size: 0.9em
-  text-decoration: none
-  float: left
-  margin-right: 10px
-  &:hover
-    color: color-link-hover
-  &:before
-    content: "#"
-
-.plugin-screenshot
-  margin-bottom: 15px
-  position: relative
-  padding-top: (10 / 16 * 100)% // 16:10 ratio
-  height: 0
-  overflow: hidden
-
-.plugin-screenshot-img
-  position: absolute
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
-  transition: opacity 0.3s
-  &.lazyload
-  &.lazyloading
-    opacity: 0
-  &.lazyloaded
-    opacity: 1
-
-.plugin-preview-link
-  position: absolute
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
-  background: rgba(0, 0, 0, 0.7)
-  color: #fff
-  text-align: center
-  opacity: 0
-  transition: 0.15s
-  &:hover
-    opacity: 1
-    .fa
-      opacity: 1
-      transform: scale(1)
-  .fa
-    position: absolute
-    top: 0
-    left: 0
-    bottom: 0
-    right: 0
-    margin: auto
-    font-size: 50px
-    width: @font-size
-    height: @font-size
-    opacity: 0
-    transform: scale(6)
-    transition: 0.2s
-    transition-delay: 0.15s

themes/navy/source/css/_partial/post.styl

@@ -1,5 +0,0 @@
-.post
-  margin: 0 auto
-  float: none
-  @media screen
-    max-width: 800px

themes/navy/source/css/navy.styl

@@ -6,11 +6,8 @@
 @import "_partial/index"
 @import "_partial/sidebar"
 @import "_partial/page"
-@import "_partial/post"
-@import "_partial/plugins"
 @import "_partial/archive"
 @import "_partial/mobile_nav"
 @import "_partial/footer"
 @import "_partial/highlight"
-@import "_partial/carbonads"
 @import "_partial/main"