Initial commit

This commit is contained in:
Nistor Cristian 2019-03-14 17:45:43 +02:00
parent ed3463e276
commit 0216bb9bd1
21 changed files with 4761 additions and 0 deletions

7
.gitignore vendored Normal file
View File

@ -0,0 +1,7 @@
.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/

227
assets/css/style.css Normal file
View File

@ -0,0 +1,227 @@
time {
font-family: "IBM Plex Mono", monospace;
line-height: 18px;
font-size: 14px;
letter-spacing: -0.186667px;
color: rgba(103, 108, 118, 0.8); }
figcaption {
width: 100%;
padding: 10px 0;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
text-align: center; }
.tags a {
margin-right: 20px;
font-family: "IBM Plex Mono", monospace;
font-weight: 600;
line-height: 19px;
font-size: 15px;
letter-spacing: -0.2px;
color: #4360DF;
text-transform: capitalize; }
.sub-header {
border-top: 1px solid #EAECEF;
padding: 0 40px;
font-family: "Manrope", sans-serif; }
.sub-header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
display: flex;
justify-content: center; }
.sub-header nav ul li {
margin: 0 10px;
display: flex; }
.sub-header nav ul li.nav-current a {
color: #4360DF; }
.sub-header nav ul li a {
font-size: 14px;
color: #000000;
padding: 16px 10px;
font-weight: 600; }
.sub-header nav ul li a:hover {
color: #4360DF; }
.stripe {
background: #000000;
display: flex;
padding: 0 40px;
height: 60px;
align-items: center;
font-family: "Manrope", sans-serif;
position: relative;
z-index: 20; }
.stripe a {
color: #ffffff;
font-size: 16px;
font-weight: 500; }
#search-form {
margin-left: auto;
position: relative;
height: 60px; }
#search-form #search-input {
border: none;
background: transparent;
color: #ffffff;
font-size: 14px;
line-height: 19px;
padding: 20px 0 20px 40px;
outline: none;
background-image: url("../img/search.svg");
background-position: center left;
background-repeat: no-repeat;
width: 130px; }
#search-form #search-input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
#search-form #search-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
#search-form #search-input::placeholder {
color: rgba(255, 255, 255, 0.6); }
#search-form.inactive #search-results {
display: none; }
#search-form #search-results {
position: absolute;
top: calc(100% - 10px);
right: 0;
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
width: 320px;
border-radius: 4px;
max-height: 50vh;
overflow: auto; }
#search-form #search-results a {
color: #000000;
display: block;
line-height: 18px;
font-size: 14px;
padding: 10px;
border-top: 1px solid #EBEBEB; }
#search-form #search-results a:hover {
color: #4360DF; }
#search-form #search-results a:first-child {
border: none; }
.post-intro {
margin: 90px 0 35px; }
.post-intro .inner {
text-align: center; }
.post-intro .inner .post-meta {
display: flex;
align-items: center;
justify-content: center; }
.post-intro .inner h1 {
margin-bottom: 0; }
.post-intro .inner img {
margin-top: 90px;
max-width: 100%; }
.post-content .editor-content h1, .post-content .editor-content h2, .post-content .editor-content h3, .post-content .editor-content h4 {
margin-top: 100px; }
.post-content .editor-content p {
line-height: 24px;
font-size: 16px;
color: #090909;
margin-bottom: 30px; }
.post-content .editor-content a {
color: #4360DF;
font-weight: 500; }
.post-content .editor-content strong, .post-content .editor-content b {
font-weight: 700; }
.loop {
display: flex;
flex-wrap: wrap; }
.loop .post {
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
margin: 0 15px 30px;
border-radius: 4px;
overflow: hidden;
width: calc(33.33% - 30px); }
.loop .post img {
width: 100%; }
.loop .post .inner {
padding: 20px; }
.loop .post .inner h2 {
font-family: "Manrope", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 22px; }
.loop .post .inner h2 a {
color: #000000; }
.kg-card {
margin: 30px 0; }
.kg-embed-card {
display: flex;
flex-direction: column;
align-items: center;
width: 100%; }
.kg-image {
margin: 0;
max-width: 100%; }
.kg-width-wide {
position: relative;
width: 75vw;
min-width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
transform: translateX(calc(50vw - 50%)); }
.kg-width-full {
position: relative;
width: 94vw;
min-width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
transform: translateX(calc(50vw - 50%)); }
.kg-width-full figcaption {
padding-left: 0;
padding-right: 0;
text-align: left; }
.kg-gallery-container {
display: flex;
flex-direction: column;
position: relative;
width: 75vw;
min-width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
transform: translateX(calc(50vw - 50%)); }
.kg-gallery-row {
display: flex;
flex-direction: row;
justify-content: center; }
.kg-gallery-image img {
display: block;
margin: 0;
width: 100%;
height: 100%; }
.kg-gallery-row:not(:first-of-type) {
margin: 0.75em 0 0 0; }
.kg-gallery-image:not(:first-of-type) {
margin: 0 0 0 0.75em; }
.kg-gallery-card + .kg-image-card.kg-width-wide,
.kg-gallery-card + .kg-gallery-card,
.kg-image-card.kg-width-wide + .kg-gallery-card,
.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
margin-top: calc( -7vw + 0.75em); }

6
assets/img/search.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4301 16.669C15.8424 15.2188 17.433 11.2769 15.9828 7.86465C14.5326 4.45235 10.5908 2.86175 7.17851 4.31194C3.76621 5.76213 2.17561 9.70396 3.6258 13.1163C5.076 16.5286 9.01782 18.1192 12.4301 16.669Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.5508 15.2368L19.7574 20.4442" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 589 B

49
assets/js/main.js Normal file
View File

@ -0,0 +1,49 @@
$(document).ready(function ($) {
var config = {
'load-more': true,
'infinite-scroll': false,
'infinite-scroll-step': 1,
'content-api-host': 'http://localhost:2368',
'content-api-key': '8a13e02a8917186f02014db742',
};
var ghostSearch = new GhostSearch({
host: config['content-api-host'],
key: config['content-api-key'],
input: '#search-input',
results: '#search-results',
api: {
parameters: {
fields: ['title', 'slug', 'url'],
},
},
template: function(result) {
return '<a href="' + result.url + '">' + result.title + '</a>';
}
});
window.addEventListener('click', function(e){
if (document.getElementById('search-form').contains(e.target)){
$('#search-form').removeClass('inactive');
} else{
$('#search-form').addClass('inactive');
}
});
$('img').each(function (index, element) {
$(this).attr('src', $(this).attr('src').replace("http://localhost:2368", "https://our.status.im"));
});
var msnry;
var elem = document.querySelector('.loop');
msnry = new Masonry(elem, {
itemSelector: '.loop .post',
// columnWidth: 340,
percentPosition: true,
gutter: 0,
transitionDuration: 0
});
});

326
assets/scss/style.scss Normal file
View File

@ -0,0 +1,326 @@
// Colors
$black: #000000;
$light-black: #090909;
$darker-grey: #222325;
$dark-grey: #3C4049;
$white: #ffffff;
$light-grey: #63666D;
$purple: #4360DF;
$dark-purple: #2D48BE;
$white-rgba: rgba(255, 255, 255, 0.6);
$lighter-grey: #EAECEF;
$manrope: 'Manrope', sans-serif;
$manrope-regular: 400;
$manrope-medium: 500;
$manrope-semi-bold: 600;
$manrope-bold: 700;
$ibm-plex-mono: 'IBM Plex Mono', monospace;
$ibm-plex-mono-regular: 400;
$ibm-plex-mono-medium: 500;
$ibm-plex-mono-semi-bold: 600;
$ibm-plex-sans: 'IBM Plex Sans', sans-serif;
$ibm-plex-sans-regular: 400;
$ibm-plex-sans-medium: 500;
$ibm-plex-sans-semi-bold: 600;
$ibm-plex-sans-bold: 700;
time{
font-family: $ibm-plex-mono;
line-height: 18px;
font-size: 14px;
letter-spacing: -0.186667px;
color: rgba(103, 108, 118, 0.8);
}
figcaption{
width: 100%;
padding: 10px 0;
text-transform: uppercase;
font-size: 12px;
font-weight: $ibm-plex-sans-bold;
text-align: center;
}
.tags{
a{
margin-right: 20px;
font-family: $ibm-plex-mono;
font-weight: $ibm-plex-mono-semi-bold;
line-height: 19px;
font-size: 15px;
letter-spacing: -0.2px;
color: $purple;
text-transform: capitalize;
}
}
.sub-header{
border-top: 1px solid #EAECEF;
padding: 0 40px;
font-family: $manrope;
nav{
ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
display: flex;
justify-content: center;
li{
margin: 0 10px;
display: flex;
&.nav-current{
a{
color: $purple;
}
}
a{
font-size: 14px;
color: $black;
padding: 16px 10px;
font-weight: $manrope-semi-bold;
&:hover{
color: $purple;
}
}
}
}
}
}
.stripe{
background: $black;
display: flex;
padding: 0 40px;
height: 60px;
align-items: center;
font-family: $manrope;
position: relative;
z-index: 20;
a{
color: $white;
font-size: 16px;
font-weight: $manrope-medium;
}
}
#search-form{
margin-left: auto;
position: relative;
height: 60px;
#search-input{
border: none;
background: transparent;
color: $white;
font-size: 14px;
line-height: 19px;
padding: 20px 0 20px 40px;
outline: none;
background-image: url('../img/search.svg');
background-position: center left;
background-repeat: no-repeat;
width: 130px;
&::-webkit-input-placeholder {
color: rgba($white, .6);
}
&:-ms-input-placeholder {
color: rgba($white, .6);
}
&::placeholder {
color: rgba($white, .6);
}
}
&.inactive{
#search-results{
display: none;
}
}
#search-results{
position: absolute;
top: calc(100% - 10px);
right: 0;
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
width: 320px;
border-radius: 4px;
max-height: 50vh;
overflow: auto;
a{
color: $black;
display: block;
line-height: 18px;
font-size: 14px;
padding: 10px;
border-top: 1px solid #EBEBEB;
&:hover{
color: $purple;
}
&:first-child{
border: none;
}
}
}
}
.post-intro{
margin: 90px 0 35px;
.inner{
text-align: center;
.post-meta{
display: flex;
align-items: center;
justify-content: center;
}
h1{
margin-bottom: 0;
}
img{
margin-top: 90px;
max-width: 100%;
}
}
}
.post-content{
.editor-content{
h1,h2,h3,h4{
margin-top: 100px;
}
p{
line-height: 24px;
font-size: 16px;
color: #090909;
margin-bottom: 30px;
}
a{
color: $purple;
font-weight: $ibm-plex-sans-medium;
}
strong, b{
font-weight: $ibm-plex-sans-bold;
}
}
}
.loop{
display: flex;
flex-wrap: wrap;
.post{
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
margin: 0 15px 30px;
border-radius: 4px;
overflow: hidden;
width: calc(33.33% - 30px);
// &:first-child{
// width: 100%;
// .post-inner-content{
// display: flex;
// .post-card-image-link{
// width: calc(66.66% - 10px);
// }
// .inner{
// width: calc(33.33% + 10px);
// }
// }
// }
img{
width: 100%;
}
.inner{
padding: 20px;
h2{
font-family: $manrope;
font-weight: $manrope-semi-bold;
font-size: 16px;
line-height: 22px;
a{
color: $black;
}
}
}
}
}
.kg-card{
margin: 30px 0;
}
.kg-embed-card {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.kg-image {
margin: 0;
max-width: 100%;
}
.kg-width-wide {
position: relative;
width: 75vw;
min-width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
transform: translateX(calc(50vw - 50%));
}
.kg-width-full {
position: relative;
width: 94vw;
min-width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
transform: translateX(calc(50vw - 50%));
}
.kg-width-full figcaption {
padding-left: 0;
padding-right: 0;
text-align: left;
}
.kg-gallery-container {
display: flex;
flex-direction: column;
position: relative;
width: 75vw;
min-width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
transform: translateX(calc(50vw - 50%));
}
.kg-gallery-row {
display: flex;
flex-direction: row;
justify-content: center;
}
.kg-gallery-image img {
display: block;
margin: 0;
width: 100%;
height: 100%;
}
.kg-gallery-row:not(:first-of-type) {
margin: 0.75em 0 0 0;
}
.kg-gallery-image:not(:first-of-type) {
margin: 0 0 0 0.75em;
}
.kg-gallery-card + .kg-image-card.kg-width-wide,
.kg-gallery-card + .kg-gallery-card,
.kg-image-card.kg-width-wide + .kg-gallery-card,
.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
margin-top: calc( -7vw + 0.75em );
}

0
author.hbs Normal file
View File

46
default.hbs Normal file
View File

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="{{lang}}">
<head>
{{> theme_head}}
{{!-- Ghost outputs important style and meta data with this tag --}}
{{ghost_head}}
</head>
<body class="{{body_class}} nav-closed">
<div class="main-container">
{{> theme_header}}
{{> theme_subheader}}
{{{body}}}
{{> theme_footer}}
</div>
{{!-- Ghost Content API --}}
<script type="text/javascript" src="https://unpkg.com/@tryghost/content-api@1.0.0/umd/content-api.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ghost-search@1.0.1/dist/ghost-search.min.js"></script>
{{!-- The main JavaScript file --}}
{{#if pagination.pages}}
<script>
var maxPages = parseInt('{{pagination.pages}}');
</script>
{{/if}}
<!-- 3rd party scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://unpkg.com/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="{{> "url"}}/js/main.js"></script>
<script type="text/javascript" src="{{asset "js/main.js"}}"></script>
{{!-- Ghost outputs important scripts and data with this tag --}}
{{ghost_foot}}
</body>
</html>

18
gulpfile.js Normal file
View File

@ -0,0 +1,18 @@
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
sass.compiler = require('node-sass');
gulp.task('sass', function () {
return gulp.src('./assets/scss/style.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./assets/css'));
});
gulp.task('sass:watch', function () {
gulp.watch('./assets/scss/style.scss', ['sass']);
});
gulp.task('default', ['sass:watch'])

29
index.hbs Normal file
View File

@ -0,0 +1,29 @@
{{!< default}}
<div class="intro">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1>{{@site.title}}</h1>
<p>{{@site.description}}</p>
</div>
</div>
</div>
</div>
{{!-- The main content area --}}
<main id="content" role="main">
<div class="container">
<div class="row">
<div class="col-md-10 ml-auto mr-auto">
<div class="loop">
{{#foreach posts}}
{{> "loop"}}
{{/foreach}}
</div>
</div>
</div>
</div>
</main>
{{pagination}}

3607
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

41
package.json Normal file
View File

@ -0,0 +1,41 @@
{
"name": "our-status",
"description": "Our Status",
"demo": "https://our.status.im",
"version": "1.0.0",
"license": "GNU General Public License, Version 2",
"engines": {
"ghost": ">=2.0.0",
"ghost-api": "v2"
},
"author": {
"name": "Haunted Themes",
"email": "contact@hauntedthemes.com",
"url": "https://www.hauntedthemes.com"
},
"gpm": {
"type": "theme",
"categories": [
"Writer"
]
},
"keywords": [
"ghost",
"theme",
"ghost-theme"
],
"dependencies": {
"gulp": "^3.9.1",
"gulp-minify": "^3.1.0",
"gulp-sass": "^4.0.2"
},
"config": {
"posts_per_page": 12,
"image_sizes": {
"xs": {
"width": 80,
"height": 80
}
}
}
}

1
page.hbs Normal file
View File

@ -0,0 +1 @@
page

19
partials/loop.hbs Normal file
View File

@ -0,0 +1,19 @@
<article class="{{post_class}}" data-id={{comment_id}}>
<div class="post-inner-content">
{{#if feature_image}}
<a class="post-card-image-link" href="{{url}}">
<img class="post-card-image" src="{{img_url feature_image size="m"}}" alt="{{title}}" />
</a>
{{/if}}
<div class="inner">
<h2 class="post-title"><a href="{{url}}" title="{{title}}">{{title}}</a></h2>
{{!-- <p>{{excerpt}}</p> --}}
<div class="post-meta">
<time datetime="{{date format="YYYY-MM-DD"}}">{{date format="DD MMMM YYYY"}}</time>
{{#if tags}}
<div class="tags">{{tags limit=1}}</div>
{{/if}}
</div>
</div>
</div>
</article>

7
partials/navigation.hbs Normal file
View File

@ -0,0 +1,7 @@
<nav class="nav">
<ul>
{{#foreach navigation}}
<li class="nav-{{slug}}{{#if current}} nav-current{{/if}}"><a href="{{url absolute="true"}}" title="{{label}}">{{label}}</a></li>
{{/foreach}}
</ul>
</nav>

161
partials/theme_footer.hbs Normal file
View File

@ -0,0 +1,161 @@
<footer>
<div class="get-started">
<div class="container">
<div class="row">
<div class="col-lg-5">
<h3>Ready to get started <br>with Status?</h3>
</div>
<div class="col-lg-7 text-right">
<div class="inline">
<a href="{{> "url"}}/get/" class="btn btn-white-fill btn-arrow">Get Status</a>
<a href="#" class="btn btn-white btn-arrow btn-arrow-white">Get Involved</a>
</div>
</div>
</div>
</div>
</div>
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-md-3">
<h5><a data-toggle="collapse" href="#footer-nav-1" role="button" aria-expanded="true" aria-controls="footer-nav-1">Messenger</a></h5>
<div class="collapse show" id="footer-nav-1">
<ul>
<li><a href="{{> "url"}}/features/">Features</a></li>
<li><a href="{{> "url"}}/security/">Security</a></li>
<li><a href="{{> "url"}}/get/">Apps</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h5><a data-toggle="collapse" href="#footer-nav-2" role="button" aria-expanded="true" aria-controls="footer-nav-2">Status</a></h5>
<div class="collapse show" id="footer-nav-2">
<ul>
<li><a href="#">Get Involved</a></li>
<li><a href="/about/">About</a></li>
<li><a href="#">Job Openings</a></li>
<li><a href="https://our.status.im/">Blog</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h5><a data-toggle="collapse" href="#footer-nav-3" role="button" aria-expanded="true" aria-controls="footer-nav-3">Documentation</a></h5>
<div class="collapse show" id="footer-nav-3">
<ul>
<li><a href="#">Use Status</a></li>
<li><a href="#">Tutorials & Guides</a></li>
<li><a href="#">Technical Docs</a></li>
<li><a href="#">Nodes</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h5><a data-toggle="collapse" href="#footer-nav-4" role="button" aria-expanded="true" aria-controls="footer-nav-4">Projects</a></h5>
<div class="collapse show" id="footer-nav-4">
<ul>
<li><a href="https://embark.status.im/">Embark</a></li>
<li><a href="https://nimbus.status.im/">Nimbus</a></li>
<li><a href="https://keycard.status.im/">Keycard</a></li>
<li><a href="https://incubate.status.im/">Incubate</a></li>
<li><a href="#">Statusphere</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="connect">
<div class="container">
<div class="row">
<div class="col-md-12">
<h5>Connect</h5>
<ul>
<li>
<a href="#">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.564 12.5345C14.4448 12.6282 15.3256 12.7219 16.4085 12.6602C19.3425 12.4931 21.1198 10.9547 20.9937 8.6551C20.8652 6.31539 18.5007 4.87391 16.1349 5.0087C12.2794 5.22815 9.44428 8.68621 9.12497 12.6386C9.64857 12.5133 10.1997 12.4385 10.7194 12.4089C11.8024 12.3473 12.6832 12.4409 13.564 12.5345ZM6.00598 17.6495C6.12764 19.7943 8.3677 21.1156 10.6091 20.992C14.2616 20.7908 16.9476 17.6209 17.25 13.9979C16.754 14.1128 16.2319 14.1815 15.7395 14.2085C14.7136 14.265 13.879 14.1792 13.0445 14.0933C12.2101 14.0075 11.3756 13.9217 10.3497 13.9782C7.57021 14.1313 5.88632 15.5415 6.00598 17.6495Z" fill="black"/>
</g>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.203 14.0701H16.552L16.905 11.4371H14.203V9.74713C14.203 8.98313 14.416 8.46213 15.552 8.46213H17V6.10013C16.2988 6.031 15.5946 5.99763 14.89 6.00013C12.8 6.00013 11.37 7.22513 11.37 9.48613V11.4361H9V14.0701H11.371V20.8571H14.203V14.0701Z" fill="black"/>
</g>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.232 9.056C19.8854 8.63145 20.3656 7.9874 20.586 7.24C19.987 7.62 19.325 7.89 18.631 8.036C18.0671 7.38246 17.2482 7.00471 16.385 7C14.685 7 13.307 8.469 13.307 10.282C13.307 10.533 13.334 10.784 13.388 11.029C10.83 10.893 8.562 9.587 7.044 7.601C6.76882 8.10728 6.62574 8.67477 6.628 9.251C6.628 10.389 7.17 11.394 7.996 11.982C7.50422 11.9649 7.02473 11.8239 6.602 11.572V11.613C6.602 13.203 7.664 14.53 9.072 14.831C8.62003 14.9617 8.14316 14.9813 7.682 14.888C8.073 16.192 9.21 17.14 10.557 17.167C9.2938 18.2353 7.64202 18.7279 6 18.526C7.38681 19.4836 9.03169 19.9976 10.717 20C16.377 20 19.473 15 19.473 10.662C19.473 10.52 19.47 10.378 19.464 10.238C20.0725 9.76702 20.5926 9.19176 21 8.539C20.4416 8.80337 19.8449 8.97785 19.232 9.056Z" fill="black"/>
</g>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.067 19.197V7.93075C6.02321 7.75067 6 7.56255 6 7.369C6 6.06064 7.06064 5 8.369 5C8.43074 5 8.49193 5.00236 8.55248 5.007H13.174C16.428 5.007 19.084 7.663 19.084 10.917C19.084 12.7472 18.2443 14.3881 16.9307 15.4739L18.578 17.828C19.328 18.8947 19.0712 20.3675 18.0045 21.1175C16.9378 21.8675 15.465 21.6107 14.715 20.544L12.1148 16.828H10.804V19.197C10.8048 19.8255 10.5555 20.4286 10.111 20.873C9.66657 21.3175 9.06354 21.5668 8.435 21.566C7.80655 21.5668 7.20362 21.3174 6.75934 20.873C6.31505 20.4285 6.06594 19.8254 6.067 19.197Z" fill="black"/>
</g>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 13.334C4.99977 16.9216 7.29547 20.1067 10.699 21.241C11.116 21.317 11.268 21.06 11.268 20.839C11.268 20.641 11.261 20.117 11.257 19.422C8.939 19.925 8.45 18.305 8.45 18.305C8.07 17.342 7.524 17.085 7.524 17.085C6.767 16.569 7.581 16.579 7.581 16.579C8.418 16.638 8.858 17.438 8.858 17.438C9.601 18.711 10.808 18.343 11.283 18.13C11.359 17.592 11.574 17.225 11.813 17.016C9.962 16.806 8.016 16.091 8.016 12.898C8.016 11.988 8.341 11.244 8.874 10.662C8.788 10.451 8.502 9.60299 8.956 8.45599C8.956 8.45599 9.656 8.23199 11.247 9.31099C11.9272 9.12556 12.629 9.03107 13.334 9.02999C14.0386 9.03093 14.7401 9.12508 15.42 9.30999C17.01 8.23199 17.71 8.45599 17.71 8.45599C18.164 9.60299 17.878 10.451 17.792 10.662C18.327 11.244 18.649 11.988 18.649 12.898C18.649 16.099 16.7 16.804 14.844 17.01C15.143 17.267 15.41 17.776 15.41 18.553C15.41 19.667 15.4 20.566 15.4 20.839C15.4 21.062 15.55 21.321 15.972 21.24C20.0101 19.8925 22.3836 15.7182 21.4767 11.559C20.5697 7.39967 16.6739 4.59249 12.4413 5.04846C8.20881 5.50443 5.00027 9.07696 5 13.334H5Z" fill="black"/>
</g>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="36" height="26" viewBox="0 0 36 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path d="M17.7002 7.6001C18.5286 7.6001 19.2002 6.92852 19.2002 6.1001C19.2002 5.27167 18.5286 4.6001 17.7002 4.6001C16.8718 4.6001 16.2002 5.27167 16.2002 6.1001C16.2002 6.92852 16.8718 7.6001 17.7002 7.6001Z" fill="black"/>
</g>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<rect width="26" height="26" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.142 15.665L11.141 10.608L16.005 13.145L11.142 15.665ZM21.82 9.731C21.82 9.731 21.644 8.491 21.105 7.945C20.42 7.228 19.653 7.225 19.301 7.182C16.782 7 13.004 7 13.004 7H12.996C12.996 7 9.218 7 6.699 7.182C6.347 7.224 5.58 7.228 4.895 7.945C4.355 8.491 4.18 9.731 4.18 9.731C4.18 9.731 4 11.189 4 12.645V14.009C4 15.466 4.18 16.922 4.18 16.922C4.18 16.922 4.356 18.162 4.895 18.709C5.58 19.426 6.479 19.403 6.88 19.479C8.32 19.617 13 19.659 13 19.659C13 19.659 16.782 19.654 19.301 19.472C19.653 19.43 20.421 19.426 21.105 18.709C21.645 18.163 21.82 16.922 21.82 16.922C21.82 16.922 22 15.466 22 14.009V12.644C22 11.187 21.82 9.73 21.82 9.73V9.731Z" fill="black"/>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inline">
<a href="#">Terms of Use</a>
<a href="#">Privacy Policy</a>
</div>
<p>Status Research & Development GmbH, Baarerstrasse 10, Zug, Switzerland</p>
</div>
</div>
</div>
</div>
</footer>

35
partials/theme_head.hbs Normal file
View File

@ -0,0 +1,35 @@
{{!-- Document Settings --}}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
{{!-- Page Meta --}}
<title>{{meta_title}}</title>
{{!-- Mobile Meta --}}
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Brand icon -->
<script src="{{> "url"}}/cdn-cgi/apps/head/vQian6OeLo74s2aCK-A3umAzszM.js"></script><link rel="apple-touch-icon" sizes="57x57" href="{{> "url"}}/img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{{> "url"}}/img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="{{> "url"}}/img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="{{> "url"}}/img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="{{> "url"}}/img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="{{> "url"}}/img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="{{> "url"}}/img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="{{> "url"}}/img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="{{> "url"}}/img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="{{> "url"}}/img/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{> "url"}}/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="{{> "url"}}/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{> "url"}}/img/favicon/favicon-16x16.png">
<link rel="manifest" href="{{> "url"}}/img/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#4360DF">
<meta name="msapplication-TileImage" content="{{> "url"}}/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#4360DF">
{{!-- Styles'n'Scripts --}}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,600|IBM+Plex+Sans:400,500,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{> "url"}}/css/style.css" />
<link rel="stylesheet" type="text/css" href="{{asset "css/style.css"}}" />

124
partials/theme_header.hbs Normal file
View File

@ -0,0 +1,124 @@
<header>
<div class="col">
<a href="https://status.hauntedthemes.com/" class="logo"><img src="https://status.hauntedthemes.com/img/logo.svg"></a>
</div>
<nav>
<ul>
<li><a href="https://status.hauntedthemes.com/features/">Features</a></li>
<li class="has-submenu">
<a href="/">Get Involved <i class="arrow"></i></a>
<div class="submenu">
<div class="container">
<div class="row">
<div class="col-md-5 text-right">
<h4>Get Involved</h4>
<p class="p-large">Status is an open source project <br>made by people all over the world.</p>
<a href="#" class="link-arrow">Learn more</a>
</div>
<div class="col-md-4 offset-md-1">
<ul>
<li><a href="#" class="link-arrow">Developers</a></li>
<li><a href="#" class="link-arrow">Community Groups</a></li>
<li><a href="#" class="link-arrow external" target="_blank">Github</a></li>
<li>
<ul class="social-links">
<li>
<a href="https://get.status.im/chat/public/status" target="_blank" class="icon-status">
<svg width="15" height="16" viewbox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.56399 7.53454C8.44481 7.62823 9.32562 7.72186 10.4085 7.66023C13.3425 7.49313 15.1198 5.95469 14.9937 3.6551C14.8652 1.31539 12.5007 -0.126087 10.1349 0.00869768C6.27942 0.228154 3.44428 3.68621 3.12497 7.6386C3.64857 7.51329 4.19968 7.43847 4.71939 7.4089C5.80237 7.34727 6.68318 7.4409 7.56399 7.53454ZM0.00597997 12.6495C0.12764 14.7943 2.3677 16.1156 4.60907 15.992C8.26156 15.7908 10.9476 12.6209 11.25 8.9979C10.754 9.11278 10.2319 9.18145 9.73953 9.20852C8.71356 9.26504 7.87904 9.17921 7.04453 9.09332C6.21007 9.0075 5.37556 8.92167 4.34965 8.97819C1.57021 9.13134 -0.113675 10.5415 0.00597997 12.6495Z" fill="#090909"/>
</svg>
</a>
</li>
<li>
<a href="https://www.facebook.com/ethstatus" class="icon-facebook" target="_blank">
<svg width="8" height="15" viewbox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M5.203 8.07013H7.552L7.905 5.43713H5.203V3.74713C5.203 2.98313 5.416 2.46213 6.552 2.46213H8V0.100131C7.29882 0.0310031 6.59457 -0.00237344 5.89 0.000131122C3.8 0.000131122 2.37 1.22513 2.37 3.48613V5.43613H0V8.07013H2.371V14.8571H5.203V8.07013Z" fill="#090909"/>
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/ethstatus" class="icon-twitter" target="_blank">
<svg width="15" height="13" viewbox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M13.232 2.056C13.8854 1.63145 14.3656 0.987398 14.586 0.24C13.987 0.62 13.325 0.89 12.631 1.036C12.0671 0.382464 11.2482 0.00470955 10.385 0C8.685 0 7.307 1.469 7.307 3.282C7.307 3.533 7.334 3.784 7.388 4.029C4.83 3.893 2.562 2.587 1.044 0.601C0.768819 1.10728 0.625742 1.67477 0.628 2.251C0.628 3.389 1.17 4.394 1.996 4.982C1.50422 4.96489 1.02473 4.82386 0.602 4.572V4.613C0.602 6.203 1.664 7.53 3.072 7.831C2.62003 7.96171 2.14316 7.98126 1.682 7.888C2.073 9.192 3.21 10.14 4.557 10.167C3.2938 11.2353 1.64202 11.7279 0 11.526C1.38681 12.4836 3.03169 12.9976 4.717 13C10.377 13 13.473 8 13.473 3.662C13.473 3.52 13.47 3.378 13.464 3.238C14.0725 2.76702 14.5926 2.19176 15 1.539C14.4416 1.80337 13.8449 1.97785 13.232 2.056Z" fill="#090909"/>
</svg>
</a>
</li>
<li>
<a href="https://www.reddit.com/r/statusim" class="icon-reddit" target="_blank">
<svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9998 9.12116C17.9859 8.73593 17.8622 8.363 17.6438 8.04734C17.4253 7.73167 17.1214 7.48674 16.7686 7.34208C16.4158 7.19742 16.0292 7.15921 15.6554 7.23205C15.2817 7.30488 14.9367 7.48566 14.6621 7.75259C13.1249 6.6943 11.3179 6.10963 9.45964 6.06925L10.338 1.79933L13.2297 2.41518C13.2641 2.73882 13.4113 3.03946 13.6448 3.26312C13.8783 3.48679 14.1829 3.61883 14.5038 3.63556C14.8248 3.65228 15.1412 3.55259 15.3961 3.35438C15.651 3.15617 15.8279 2.87241 15.8949 2.55405C15.9619 2.23569 15.9146 1.90357 15.7616 1.61731C15.6086 1.33105 15.3599 1.10939 15.0601 0.992126C14.7603 0.874859 14.429 0.869663 14.1257 0.97747C13.8225 1.08528 13.5671 1.29903 13.4054 1.58035L10.0947 0.909757C10.0406 0.897727 9.98464 0.8967 9.9301 0.906737C9.87556 0.916773 9.82353 0.937672 9.77702 0.968224C9.73052 0.998776 9.69046 1.03837 9.65917 1.08472C9.62789 1.13106 9.606 1.18324 9.59477 1.23821L8.59482 5.98714C6.71367 6.01586 4.88185 6.60098 3.3248 7.67048C3.11649 7.47197 2.86805 7.32171 2.5967 7.23011C2.32535 7.13851 2.03758 7.10777 1.75333 7.14C1.46908 7.17224 1.19515 7.26669 0.950528 7.4168C0.705903 7.56692 0.496431 7.76911 0.33663 8.00936C0.176828 8.24962 0.070518 8.52219 0.0250674 8.80819C-0.0203832 9.0942 -0.00388753 9.38679 0.0734112 9.66569C0.15071 9.9446 0.286963 10.2031 0.472728 10.4234C0.658493 10.6437 0.889327 10.8204 1.14923 10.9414C1.13402 11.1418 1.13402 11.3431 1.14923 11.5435C1.14923 14.6091 4.67609 17.0999 9.02723 17.0999C13.3784 17.0999 16.9052 14.6091 16.9052 11.5435C16.9204 11.3431 16.9204 11.1418 16.9052 10.9414C17.2387 10.7735 17.5184 10.5135 17.7121 10.1914C17.9058 9.86929 18.0055 9.49825 17.9998 9.12116V9.12116ZM4.48691 10.4897C4.48691 10.219 4.56616 9.95445 4.71464 9.72939C4.86312 9.50433 5.07417 9.32892 5.32108 9.22533C5.568 9.12175 5.83969 9.09465 6.10182 9.14745C6.36394 9.20026 6.60472 9.3306 6.7937 9.522C6.98268 9.7134 7.11138 9.95725 7.16352 10.2227C7.21566 10.4882 7.1889 10.7634 7.08662 11.0135C6.98434 11.2635 6.81115 11.4773 6.58893 11.6276C6.36671 11.778 6.10545 11.8583 5.8382 11.8583C5.66074 11.8583 5.48503 11.8229 5.32108 11.7541C5.15714 11.6853 5.00817 11.5845 4.88269 11.4574C4.75721 11.3304 4.65768 11.1795 4.58977 11.0135C4.52186 10.8474 4.48691 10.6694 4.48691 10.4897V10.4897ZM12.3379 14.2533C11.3792 14.985 10.1996 15.3574 9.0002 15.3071C7.80078 15.3574 6.62123 14.985 5.66253 14.2533C5.60507 14.1824 5.5757 14.0924 5.58014 14.0007C5.58459 13.9091 5.62252 13.8224 5.68657 13.7576C5.75061 13.6927 5.83619 13.6543 5.92666 13.6498C6.01712 13.6453 6.106 13.675 6.17602 13.7332C6.98845 14.3368 7.98014 14.641 8.98669 14.5954C9.99448 14.6509 10.9908 14.3564 11.8109 13.7606C11.8826 13.6898 11.9791 13.6508 12.0792 13.6521C12.1287 13.6527 12.1777 13.6632 12.2232 13.683C12.2688 13.7028 12.31 13.7315 12.3446 13.7674C12.3792 13.8034 12.4065 13.8459 12.4249 13.8925C12.4433 13.9391 12.4524 13.989 12.4518 14.0392C12.4512 14.0893 12.4408 14.1389 12.4212 14.1851C12.4017 14.2312 12.3734 14.273 12.3379 14.308V14.2533ZM12.0946 11.913C11.8274 11.913 11.5661 11.8328 11.3439 11.6824C11.1217 11.532 10.9485 11.3183 10.8462 11.0682C10.7439 10.8181 10.7172 10.5429 10.7693 10.2775C10.8215 10.012 10.9502 9.76814 11.1391 9.57674C11.3281 9.38535 11.5689 9.255 11.831 9.2022C12.0931 9.14939 12.3648 9.17649 12.6118 9.28008C12.8587 9.38366 13.0697 9.55907 13.2182 9.78413C13.3667 10.0092 13.4459 10.2738 13.4459 10.5445C13.4533 10.7299 13.4233 10.9149 13.3578 11.0882C13.2924 11.2616 13.1928 11.4196 13.0651 11.5527C12.9375 11.6859 12.7844 11.7913 12.6152 11.8627C12.4461 11.934 12.2644 11.9698 12.0811 11.9678L12.0946 11.913Z" fill="#848484"/>
</svg>
</a>
</li>
<li>
<a href="https://www.youtube.com/statusim" class="icon-youtube" target="_blank">
<svg width="18" height="13" viewbox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.142 8.665L7.141 3.608L12.005 6.145L7.142 8.665ZM17.82 2.731C17.82 2.731 17.644 1.491 17.105 0.945C16.42 0.228 15.653 0.225 15.301 0.182C12.782 0 9.004 0 9.004 0H8.996C8.996 0 5.218 0 2.699 0.182C2.347 0.224 1.58 0.228 0.895 0.945C0.355 1.491 0.18 2.731 0.18 2.731C0.18 2.731 0 4.189 0 5.645V7.009C0 8.466 0.18 9.922 0.18 9.922C0.18 9.922 0.356 11.162 0.895 11.709C1.58 12.426 2.479 12.403 2.88 12.479C4.32 12.617 9 12.659 9 12.659C9 12.659 12.782 12.654 15.301 12.472C15.653 12.43 16.421 12.426 17.105 11.709C17.645 11.163 17.82 9.922 17.82 9.922C17.82 9.922 18 8.466 18 7.009V5.644C18 4.187 17.82 2.73 17.82 2.73V2.731Z" fill="#090909"/>
</svg>
</a>
</li>
</ul>
</li>
<li><a href="#" class="link-arrow">Educators</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li><a href="https://status.hauntedthemes.com/security/">Security</a></li>
<li class="has-submenu ">
<a href="#">Docs <i class="arrow"></i></a>
<div class="submenu">
<div class="container">
<div class="row">
<div class="col-md-5 text-right">
<h4>Documentation</h4>
<p class="p-large">Everything you need to start <br>developing with Status</p>
<a href="#" class="link-arrow">Read all</a>
</div>
<div class="col-md-4 offset-md-1">
<ul>
<li><a href="#" class="link-arrow">Getting Started</a></li>
<li><a href="#" class="link-arrow">Developer Tools</a></li>
<li><a href="#" class="link-arrow">Build Status</a></li>
<li><a href="#" class="link-arrow">Research</a></li>
<li><a href="#" class="link-arrow">Nightlies</a></li>
<li><a href="#" class="link-arrow">Tutorials</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li><a href="https://status.hauntedthemes.com/about/">About</a></li>
<li class="active"><a href="/">Blog</a></li>
</ul>
</nav>
<div class="col btns text-right">
<a href="https://github.com/status-im/" target="_blank">
<svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.2793C-0.000298842 16.1348 3.02955 20.4456 7.52152 21.9808C8.07188 22.0837 8.27249 21.7358 8.27249 21.4367C8.27249 21.1688 8.26325 20.4596 8.25797 19.5189C5.19868 20.1997 4.5533 18.0072 4.5533 18.0072C4.05178 16.7038 3.33117 16.356 3.33117 16.356C2.33208 15.6576 3.4064 15.6712 3.4064 15.6712C4.51107 15.751 5.09178 16.8338 5.09178 16.8338C6.07239 18.5567 7.66538 18.0586 8.29229 17.7703C8.39259 17.0422 8.67635 16.5455 8.99178 16.2626C6.54883 15.9784 3.98051 15.0107 3.98051 10.6893C3.98051 9.45765 4.40944 8.45071 5.11289 7.66302C4.99939 7.37745 4.62193 6.22976 5.22112 4.67739C5.22112 4.67739 6.14498 4.37422 8.24477 5.83456C9.1425 5.5836 10.0687 5.45572 10.9992 5.45425C11.9292 5.45552 12.8549 5.58295 13.7523 5.8332C15.8508 4.37422 16.7746 4.67739 16.7746 4.67739C17.3738 6.22976 16.9963 7.37745 16.8828 7.66302C17.5889 8.45071 18.0139 9.45765 18.0139 10.6893C18.0139 15.0215 15.4416 15.9757 12.9921 16.2545C13.3867 16.6023 13.7391 17.2912 13.7391 18.3428C13.7391 19.8505 13.7259 21.0673 13.7259 21.4367C13.7259 21.7385 13.9239 22.0891 14.4808 21.9795C19.8103 20.1557 22.9429 14.5062 21.7459 8.877C20.5489 3.24775 15.4072 -0.551533 9.82107 0.065584C4.23498 0.682701 0.000354915 5.51783 0 11.2793H0Z" fill="#4360DF"/>
</svg>
</a>
<a href="https://status.hauntedthemes.com/get/" class="btn btn-purple btn-arrow">Get Status</a>
</div>
<a href="#" class="mobile-nav-trigger">
<svg width="22" height="8" viewbox="0 0 22 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="22" height="1" rx="0.5" fill="#090909"/>
<rect y="7" width="22" height="1" rx="0.5" fill="#090909"/>
</svg>
</a>
<div class="mobile-nav">
<div class="mobile-nav-header">
<a href="https://status.hauntedthemes.com/" class="logo"><img src="https://status.hauntedthemes.com/img/logo.svg"></a>
<a href="#" class="mobile-nav-trigger-close">
<svg width="18" height="17" viewbox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1.5752" y="0.368273" width="22" height="1" rx="0.5" transform="rotate(45 1.5752 0.368273)" fill="#090909"/>
<rect x="0.868164" y="15.9246" width="22" height="1" rx="0.5" transform="rotate(-45 0.868164 15.9246)" fill="#090909"/>
</svg>
</a>
</div>
</div>
<div class="backdrop"></div>
</header>

View File

@ -0,0 +1,10 @@
<div class="sub-header">
{{navigation}}
</div>
<div class="stripe">
<a href="/">Want to contribute to the blog? Contact us</a>
<form action="/" id="search-form">
<input id="search-input" placeholder="Search blog…">
<div id="search-results"></div>
</form>
</div>

1
partials/url.hbs Normal file
View File

@ -0,0 +1 @@
https://status.hauntedthemes.com

44
post.hbs Normal file
View File

@ -0,0 +1,44 @@
{{!< default}}
{{#post}}
<main id="main" role="main">
<article class="{{post_class}}">
<div class="post-intro">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<div class="inner">
<div class="post-meta">
<div class="tags">{{tags limit="1"}}</div>
<time datetime="{{date format="YYYY-MM-DD"}}">{{date format="DD MMMM YYYY"}}</time>
</div>
<h1 class="post-title">{{title}}</h1>
{{#if feature_image}}
<img src="{{img_url feature_image size="l"}}" class="inner-featured-image" alt="{{title}}">
{{/if}}
</div>
</div>
</div>
</div>
</div>
<div class="post-content">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<div class="editor-content">
{{content}}
</div>
<ul class="share">
<li><a href="https://twitter.com/share?text={{encode title}}&amp;url={{url absolute="true"}}" class="twitter" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;" data-toggle="tooltip" data-placement="top" title="{{t "Share on Twitter"}}"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}" class="facebook" onclick="window.open(this.href, 'share-facebook', 'width=580,height=296');return false;" data-toggle="tooltip" data-placement="top" title="{{t "Share on Facebook"}}"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://www.reddit.com/submit?url={{url absolute="true"}}" target="_blank" class="reddit" data-toggle="tooltip" data-placement="top" title="{{t "Share on Reddit"}}"><i class="fab fa-reddit-alien"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
</main>
{{/post}}

3
tag.hbs Normal file
View File

@ -0,0 +1,3 @@
{{!< default}}
tag