Adds Incubate About page

This commit is contained in:
Andy Tudhope 2018-10-23 22:55:37 +02:00
parent cdea1fd5b6
commit 99fe779fff
No known key found for this signature in database
GPG Key ID: 02A3DFA93BF26AD2
26 changed files with 122 additions and 328 deletions

View File

@ -1,6 +1,2 @@
docs: /docs/
tutorials: /tutorials/
plugins: /plugins/
chat: /chat/
blog: /news/
wip: /wip/
blog: https://our.status.im/incubate

View File

@ -1,9 +0,0 @@
- name: How to apply for Incubate
description: Get some of that good decentralised luvin
link: /tutorials/apply_for_incubate.html
tags:
- applications
- startups
- web3
- decentralized
- open source

6
source/about/index.md Normal file
View File

@ -0,0 +1,6 @@
---
title: About
partial: about
layout: about
comments: false
---

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 MiB

View File

@ -0,0 +1,52 @@
<div class="page-intro wrapper">
<header class="article-header">
<h1 class="article-title" itemprop="name">{{ page.title }}</h1>
<a href="{{ raw_link(page.source) }}" class="article-edit-link" title="{{ __('page.improve') }}">Edit on Github</a>
</header>
</div>
<div id="content-wrap">
<div id="content" class="wrapper">
<div id="content-inner">
<article class="article-container" itemscope itemtype="http://schema.org/Article">
<div class="article-inner">
<div class="article">
<div class="inner">
<div class="article-content" itemprop="articleBody">
<h1>Incubate Philosophy</h1>
<p>Our goal is to achieve widespread adoption of the decentralized web- while staying true to our core principles which include transparency, openness, decentralization, security, and privacy.</p>
<p>These principals act as tools for thinking, communication, and decision-making as we choose like-minded startups to support.</p>
<h1>Program Format</h1>
<p>Because great projects are submitted throughout the year, we incubate startups on a rolling basis, so we're ready to go when you are.</p>
<p>We review all applications and invite the most promising projects to interview. After the interview process, successful applicants enter our 12-week program. This program is tailored to the specific needs of each startup.</p>
<h1>Our Team</h1>
<p>Our team of Status Core Contributors embrace our culture of community and inclusion. Some team members work exclusively on Incubate, while others provide support as mentors. Were just as passionate about empowering our own team as we are about making sure our projects receive the support that helps them scale.</p>
<div class="team-member">
<img src="../img/circle.svg" />
<h4>Ola Kohut</h4>
<p>Analyst</p>
</div>
<div class="team-member">
<img src="../img/circle.svg" />
<h4>Ben Morris</h4>
<p>Head of Status Incubate</p>
</div>
<div class="team-member">
<img src="../img/circle.svg" />
<h4>Kimberley Fournier</h4>
<p>Global marketing Specialist</p>
</div>
<div class="team-member">
<img src="../img/circle.svg" />
<h4>Arseniy Klempner</h4>
<p>Smart Contract Engineer</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>

View File

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

View File

@ -7,7 +7,6 @@
<div id="content-wrap">
<div id="content" class="wrapper">
<div id="content-inner">
{{ partial('partial/sidebar') }}
<article class="article-container" itemscope itemtype="http://schema.org/Article">
<div class="article-inner">
<div class="article">

View File

@ -50,54 +50,6 @@ $(document).ready(function() {
});
</script>
<style>
mark {
background: #232323;
color: white;
font-weight: bold;
-webkit-transition: background 0.1s ease-in-out;
-ms-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.clippy {
margin-top: -3px;
position: relative;
top: 3px;
}
pre {
position: relative;
}
.btn {
transition: opacity .3s ease-in-out;
padding: 2px 6px;
position: absolute;
display: inline-block;
font-size: 13px;
font-weight: 700;
line-height: 20px;
color: #333;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-color: #eee;
background-image: linear-gradient(#fcfcfc,#eee);
border: 1px solid #d5d5d5;
border-radius: 3px;
user-select: none;
-webkit-appearance: none;
top: 34px;
right: 12px;
}
.flash {
background-color: grey;
}
</style>
<!-- Algolia -->
{% if config.algolia[page.lang] %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>

View File

@ -32,6 +32,5 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<!-- RSS -->
{{ feed_tag('atom.xml') }}
<meta property="og:image" content="/img/graphic-licensing.png" />
<meta property="og:title" content="Nimbus, a Light Client for Ethereum 2.0" />
<meta property="og:title" content="Status Incubate: helping #buidl web3" />
</head>

View File

@ -1,25 +1,25 @@
<header id="general-menu">
<div class="header-left">
<div class="logo">
<a href="/"></a>
<a href="https://dev-docs.status.im/"></a>
</div>
<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>

View File

@ -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>

View File

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

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -38,14 +38,11 @@ body
.wrapper
clearfix()
@media screen
max-width: 1240px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
.inner
clearfix()
@media screen
padding: 0 gutter-width
#content-wrap
background: color-background-light

View File

@ -175,7 +175,7 @@ select[multiple] {
}
body
background: #ffffff
background: color-background
#general-menu
position: relative
display: flex
@ -396,7 +396,7 @@ body
padding: 16px 26px
color: #000
&:hover
background: rgba(status, 0.2)
background: rgba(incubate, 0.2)
opacity: .7
svg
position: absolute
@ -500,7 +500,7 @@ body
justify-content: center
flex-wrap: wrap
li
background: rgba(status, 0.1)
background: rgba(incubate, 0.1)
margin-right: 20px
flex: 1
padding: 30px 30px 15px 30px
@ -851,7 +851,7 @@ body {
font-size: 16px;
line-height: 24px;
color: #000000;
background-color: #FFFFFF;
background-color: color-background;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

View File

@ -4,6 +4,9 @@ toggle-line = 2px
transition-duration = 0.4s
lang-select-height = 40px
.mobile-menu-container
display: none
#mobile-nav
position: fixed
top: 0

View File

@ -75,10 +75,11 @@ note-warn = hsl(0, 100%, 50%)
.article-header
max-width: 1200px;
margin: 0 auto;
padding: 90px 0 20px;
margin: 150px auto 20px;
display: flex;
justify-content: space-between;
@media mq-mobile
padding: 0 20px
.article-title
font-family: font-title
@ -88,10 +89,8 @@ note-warn = hsl(0, 100%, 50%)
text-decoration: none
font-weight: bold;
font-size: 25px;
color: #ffffff;
color: #000;
transition: 0.2s
a&:hover
color: color-link-hover
.post &
float: none
@ -108,7 +107,7 @@ note-warn = hsl(0, 100%, 50%)
font-weight: normal;
line-height: normal;
font-size: 15px;
color: #ffffff;
color: incubate;
display: none;
align-items: flex-end;
text-decoration: none;
@ -130,24 +129,26 @@ note-warn = hsl(0, 100%, 50%)
.article-content
line-height: line-height
color: color-default
max-width: 800px
@media print
font-size: 12pt
@media mq-mobile
padding: 0 20px
p, ol, ul, dl, table, blockquote, iframe, .highlight
margin: 1em 0
margin: 12px 0
h1
font-size: 26px
h2
font-size: 20px
h3
h2
font-size: 18px
h3
font-size: 16px
h1, h2, h3, h4, h5, h6
line-height: 1em
font-weight: bold
margin: 1em 0
color: color-title
color: #000000
a
color: #000000;
text-decoration: underline;
color: incubate;
text-decoration: none;
&:hover
color: color-link-hover
text-decoration: underline
@ -257,3 +258,32 @@ $article-footer-link
#comments
@media print
display: none
#page-list-header
clearfix()
margin: 40px 0
#page-list-title
font-family: font-title
font-size: 36px
font-weight: 300
line-height: 1
float: left
.team-member
float: left
width: 33%
text-align: center
padding: 20px 0
@media mq-mobile
width: 50%
@media (max-width: 491px)
width: 100%
padding: 0
h4
font-size: 16px
p
color: #939BA1
font-size: 16px

View File

@ -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

View File

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

View File

@ -62,10 +62,10 @@ color-title = #000
color-gray = #777F86
color-border = #e3e3e3
color-navy = #363763
color-background = #F2F2F5
color-background = #ECF1F2
color-background-light = #fff
color-main-link = #fff
color-link = #4564dc
color-link = #4360df
color-link-hover = lighten(color-link, 10%)
// Typography
@ -90,4 +90,4 @@ break-sm = 575px
break-md = 767px
break-lg = 991px
break-xl = 1199px
status = #4360df
incubate = #008BAD

View File

@ -6,8 +6,6 @@
@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"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

View File

@ -0,0 +1,3 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="35" cy="35" r="35" fill="#EEF2F5"/>
</svg>

After

Width:  |  Height:  |  Size: 151 B