5 years ago
commit
8d5620cdff
@ -0,0 +1,3 @@
|
||||
.sass-cache
|
||||
.DS_Store
|
||||
_site
|
||||
@ -0,0 +1,35 @@
|
||||
# Site settings
|
||||
title: Revuo Monero
|
||||
description: "Weekly and Quarterly Monero Newsletter"
|
||||
url: "http://revuo-monero.com"
|
||||
|
||||
# Build settings
|
||||
baseurl: / # Change this to your relative path (ex: /blog/), or leave just a /
|
||||
markdown: kramdown
|
||||
source: .
|
||||
destination: ./_site
|
||||
permalink: /:title
|
||||
paginate: 8
|
||||
paginate_path: /page:num/
|
||||
|
||||
# Default values
|
||||
defaults:
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: "posts"
|
||||
values:
|
||||
layout: "post"
|
||||
|
||||
# Plugins
|
||||
gems:
|
||||
- jekyll-paginate
|
||||
|
||||
# Custom variables
|
||||
version: "1.1.0"
|
||||
excerpt_separator: <!--more-->
|
||||
|
||||
# Options
|
||||
custom_header: false
|
||||
custom_nav_footer: false
|
||||
reverse: false
|
||||
@ -0,0 +1 @@
|
||||
<footer class="footer"><span>2019 - Revuo Monero</span></footer>
|
||||
@ -0,0 +1,19 @@
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="generator" content="Jekyll">
|
||||
|
||||
<title>{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
<meta name="description" content="Revuo Monero is a weekly newsletter where you can find find the most recent Monero news.">
|
||||
<meta name="keywords" content="monero, xmr, bitmonero, cryptocurrency">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/img/revuo-icon.png">
|
||||
|
||||
<!-- CSS & fonts -->
|
||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl | replace: '//', '/' }}">
|
||||
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Serif:400,700' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- RSS -->
|
||||
<link href="/atom.xml" type="application/atom+xml" rel="alternate" title="ATOM Feed" />
|
||||
|
||||
</head>
|
||||
@ -0,0 +1,5 @@
|
||||
<header id="header">
|
||||
|
||||
<!-- Your custom header here -->
|
||||
|
||||
</header>
|
||||
@ -0,0 +1,6 @@
|
||||
<header id="header">
|
||||
<a href="{{ site.baseurl }}">
|
||||
<!--img src="{{ "/img/emerald.svg" | prepend: site.baseurl | replace: '//', '/' }}" alt="Emerald Logo"-->
|
||||
<h1>Revuo Monero</h1>
|
||||
</a>
|
||||
</header>
|
||||
@ -0,0 +1,2 @@
|
||||
<a href="https://github.com/KingFelix/emerald/archive/master.zip">Download</a>
|
||||
<a href="https://github.com/KingFelix/emerald">Project on Github</a>
|
||||
@ -0,0 +1,21 @@
|
||||
<nav {% if site.reverse == true %}id="nav-left"{% else %}id="nav"{% endif %}>
|
||||
<div id="nav-list">
|
||||
<a href="{{ site.baseurl }}">Home</a>
|
||||
|
||||
<!-- Nav pages -->
|
||||
{% for page in site.pages %}
|
||||
{% if page.layout == "page" %}
|
||||
<a href="{% if site.baseurl == "/" %}{{ page.url }}{% else %}{{ page.url | prepend: site.baseurl }}{% endif %}" title="{{ page.title }}">{{ page.title }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Nav footer -->
|
||||
{% if site.custom_nav_footer == true %}
|
||||
{% include nav-footer-custom.html %}
|
||||
{% else %}
|
||||
{% include nav-footer.html %}
|
||||
{% endif %}
|
||||
|
||||
</nav>
|
||||
@ -0,0 +1,5 @@
|
||||
<footer>
|
||||
|
||||
<!-- Your custom nav footer here -->
|
||||
|
||||
</footer>
|
||||
@ -0,0 +1,5 @@
|
||||
<footer>
|
||||
|
||||
<a href="https://ww.getmonero.org/" target="_blank"><span>Monero Website</span></a>
|
||||
|
||||
</footer>
|
||||
@ -0,0 +1 @@
|
||||
<script src="{{ "/js/main.js" | prepend: site.baseurl | replace: '//', '/' }}"></script>
|
||||
@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
<div id="wrap">
|
||||
|
||||
<!-- Navigation -->
|
||||
{% include menu.html %}
|
||||
|
||||
<!-- Icon menu -->
|
||||
<a {% if site.reverse == true %}id="nav-menu-left"{% else %}id="nav-menu"{% endif %}>
|
||||
<div id="menu"></div>
|
||||
</a>
|
||||
|
||||
<!-- Header -->
|
||||
{% if site.custom_header == true %}
|
||||
{% include header-custom.html %}
|
||||
{% else %}
|
||||
{% include header.html %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Main content -->
|
||||
<div id="container">
|
||||
|
||||
<main>
|
||||
|
||||
{{ content }}
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Pagination links -->
|
||||
{% if paginator.total_pages > 1 %}
|
||||
<div class="pagination">
|
||||
{% if paginator.previous_page == 1 %}
|
||||
<a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">«</a>
|
||||
{% elsif paginator.previous_page%}
|
||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">«</a>
|
||||
{% else %}
|
||||
<span class="page-item">«</span>
|
||||
{% endif %}
|
||||
|
||||
{% for page in (1..paginator.total_pages) %}
|
||||
{% if page == paginator.page %}
|
||||
<span class="page-item">{{ page }}</span>
|
||||
{% elsif page == 1 %}
|
||||
<a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">{{ page }}</a>
|
||||
{% else %}
|
||||
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="page-item">{{ page }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">»</a>
|
||||
{% else %}
|
||||
<span class="page-item">»</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
{% include footer.html %}
|
||||
|
||||
<!-- Script -->
|
||||
{% include script.html %}
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,8 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article id="page">
|
||||
|
||||
{{ content }}
|
||||
|
||||
</article>
|
||||
@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article id="post-page">
|
||||
<h2>{{ page.title }}</h2>
|
||||
<time datetime="{{ page.date | date_to_xmlschema }}" class="by-line">{{ page.date | date_to_string }}</time>
|
||||
<div class="content">
|
||||
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@ -0,0 +1,36 @@
|
||||
---
|
||||
title: Code Syntax
|
||||
---
|
||||
To insert highlight code inside of a post, it's enough to use some specific tags, has directly described into the [Jekyll documentation](http://jekyllrb.com/docs/templates/#code-snippet-highlighting). In this way the code will be included into a ``.highlight`` CSS class and will be highlight according to the [syntax.scss](https://github.com/mojombo/tpw/blob/master/css/syntax.css) file. This is the standard style adopted by **Github** to highlight the code.
|
||||
|
||||
This is a CSS example:
|
||||
{% highlight css linenos %}
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #ffaa33;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
{% endhighlight %}
|
||||
|
||||
And this is a HTML example, with a linenumber:
|
||||
{% highlight html linenos %}
|
||||
|
||||
<html>
|
||||
<a href="example.com">Example</a>
|
||||
</html>
|
||||
|
||||
{% endhighlight %}
|
||||
|
||||
Last, a Ruby example:
|
||||
{% highlight ruby linenos %}
|
||||
|
||||
def hello
|
||||
puts "Hello World!"
|
||||
end
|
||||
|
||||
{% endhighlight %}
|
||||
@ -0,0 +1,59 @@
|
||||
/*
|
||||
* Emerald is a simple blog theme built for Jekyll.
|
||||
*/
|
||||
|
||||
/*- Base reset -*/
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*- Base color -*/
|
||||
|
||||
$main-color: #45494f;
|
||||
$background-color: #FDFDFD;
|
||||
$text-color: #222222;
|
||||
|
||||
/*- Base settings -*/
|
||||
|
||||
html {
|
||||
background-color: $background-color;
|
||||
font-size: 16px;
|
||||
@media (min-width: 940px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
line-height: 1.5;
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
|
||||
/*- Link -*/
|
||||
a {
|
||||
color: $main-color;
|
||||
outline: 0;
|
||||
border-bottom: 2px dotted #6a6d72;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #d26e2b;
|
||||
border-bottom: 2px dotted #d26e2b;
|
||||
}
|
||||
}
|
||||
|
||||
a#nav-menu {
|
||||
border-bottom: none;
|
||||
}
|
||||
@ -0,0 +1,224 @@
|
||||
p.note {
|
||||
font-size: 0.7em;
|
||||
margin-bottom: 1rem;
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
.bcstats {
|
||||
background-color: #f0f0f0;
|
||||
margin-bottom: 1.3334rem;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.bcstats p {
|
||||
padding: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bcstats p:nth-child(even) {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
$breakpoint-alpha: 480px; // adjust to your needs
|
||||
|
||||
p.table-title {
|
||||
margin: 0;
|
||||
padding-bottom: 0.5em;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
||||
.price-table {
|
||||
margin: 0 0 1.3334rem 0;
|
||||
width: 100%; // adjust to your needs
|
||||
background: #45494f;
|
||||
color: #efefef;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
border-spacing: 0;
|
||||
@media (min-width: $breakpoint-alpha) {
|
||||
background: #f0f0f0;
|
||||
color: #45494f;
|
||||
tr.row3 {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
border-top: 2px solid #fff;
|
||||
border-bottom: 2px solid #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
tr.row1 {
|
||||
background-color: #45494f;
|
||||
}
|
||||
|
||||
th {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td {
|
||||
display: block;
|
||||
|
||||
&:first-child {
|
||||
padding-top: .5em;
|
||||
}
|
||||
&:last-child {
|
||||
padding-bottom: .5em;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: attr(data-th)": "; // who knew you could do this? The internet, that's who.
|
||||
font-weight: bold;
|
||||
|
||||
// optional stuff to make it look nicer
|
||||
width: 6.5em; // magic number :( adjust according to your own content
|
||||
display: inline-block;
|
||||
// end options
|
||||
|
||||
@media (min-width: $breakpoint-alpha) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align: left;
|
||||
margin: .5em 1em;
|
||||
@media (min-width: $breakpoint-alpha) {
|
||||
display: table-cell;
|
||||
padding: .25em .5em;
|
||||
padding: 1em !important;
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
th, td:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
td.green {
|
||||
color: #66d166;
|
||||
@media (min-width: $breakpoint-alpha) {
|
||||
color: #51a751;
|
||||
}
|
||||
}
|
||||
|
||||
td.red {
|
||||
color: #e36f6e;
|
||||
@media (min-width: $breakpoint-alpha) {
|
||||
color: #d83231;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.content h3 {
|
||||
margin-top: 3rem;
|
||||
background-color: #45494f;
|
||||
color: white;
|
||||
padding-left: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.content ul {
|
||||
line-height: 1.9;
|
||||
}
|
||||
|
||||
.newsbyte, .event {
|
||||
padding: 1rem;
|
||||
background-color: #f0f0f0;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.newsbyte:first-of-type, .event:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.newsbyte:after {
|
||||
display: none;
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
margin-top: 2rem;
|
||||
background-color: #d5d5d5;
|
||||
}
|
||||
|
||||
.newsbyte h4, h4.stat {
|
||||
font-size: 18px;
|
||||
font-family: 'PT Serif', serif;
|
||||
font-weight: 700;
|
||||
@media (max-width: 480px) {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.newsbyte p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p.date {
|
||||
margin-bottom: 0.2em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.proposal {
|
||||
margin-bottom: 1rem;
|
||||
padding: 1em;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.proposal p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.proposal p:first-child {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.proposal p a {
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
img.merchant-img {
|
||||
width: 15rem;
|
||||
margin: 0 0 24px 0;
|
||||
}
|
||||
|
||||
p.address {
|
||||
background-color: #f0f0f0;
|
||||
color: #45494f;
|
||||
font-weight: bold;
|
||||
word-wrap: break-word;
|
||||
padding: 1.5rem;
|
||||
margin-top: 1.5rem;
|
||||
border-radius: 2px;
|
||||
-webkit-touch-callout: all;
|
||||
-webkit-user-select: all;
|
||||
-khtml-user-select: all;
|
||||
-moz-user-select: all;
|
||||
-ms-user-select: all;
|
||||
user-select: all;
|
||||
}
|
||||
|
||||
a.qr {
|
||||
display: inline-block;
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
a.qr img {
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -0,0 +1,299 @@
|
||||
/* -- General Layout -- */
|
||||
|
||||
/* Required for footer to stick to the bottom */
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
|
||||
#nav, #nav-left {
|
||||
a {
|
||||
display: block;
|
||||
color: $background-color;
|
||||
padding: 0.33334em 0;
|
||||
font-size: 1.5em;
|
||||
font-weight: 400;
|
||||
border-bottom: none;
|
||||
@media (min-width: 940px) {
|
||||
font-size: 1em;
|
||||
}
|
||||
&:hover {
|
||||
background-color: lighten($main-color, 5%);
|
||||
}
|
||||
}
|
||||
span {
|
||||
font-weight: 200;
|
||||
}
|
||||
}
|
||||
|
||||
#nav {
|
||||
@include nav-position(right);
|
||||
}
|
||||
|
||||
#nav-left {
|
||||
@include nav-position(left);
|
||||
}
|
||||
|
||||
/* Toggle class to open menu */
|
||||
|
||||
#nav.menu-open {
|
||||
@include open(-14rem);
|
||||
}
|
||||
|
||||
#nav-left.menu-open-left {
|
||||
@include open(14rem);
|
||||
}
|
||||
|
||||
/* Separator after menu */
|
||||
|
||||
#nav-list:after {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 5rem;
|
||||
height: 1px;
|
||||
margin: 23px auto;
|
||||
background-color: $background-color;
|
||||
}
|
||||
|
||||
/* Icon menu */
|
||||
|
||||
#nav-menu {
|
||||
@include icon-position(right);
|
||||
}
|
||||
|
||||
#nav-menu-left {
|
||||
@include icon-position(left);
|
||||
}
|
||||
|
||||
#menu {
|
||||
height: 4px;
|
||||
width: 1.5em;
|
||||
background-color: lighten($text-color, 35%);
|
||||
margin-top: 8px;
|
||||
&:after, &:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: relative;
|
||||
height: 4px;
|
||||
width: 1.5em;
|
||||
background-color: lighten($text-color, 35%);
|
||||
transition: all 0.3s ease-in;
|
||||
}
|
||||
&:before {
|
||||
top: -8px;
|
||||
}
|
||||
&:after {
|
||||
top: 4px;
|
||||
}
|
||||
&.btn-close {
|
||||
background: none;
|
||||
}
|
||||
&.btn-close:before {
|
||||
top: 0;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
background-color: $background-color;
|
||||
}
|
||||
&.btn-close:after {
|
||||
top: -4px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
background-color: $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
/* Main content */
|
||||
|
||||
.fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
@media (min-width: 940px) {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
#container {
|
||||
margin:0 auto;
|
||||
max-width: 730px;
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
|
||||
#header {
|
||||
text-align: center;
|
||||
padding: 24px 0;
|
||||
position: relative;
|
||||
@media (max-width: 480px) {
|
||||
padding-top: 10px;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $text-color;
|
||||
display: inline-block;
|
||||
border-bottom: none;
|
||||
}
|
||||
img {
|
||||
max-height: 72px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
h1 {
|
||||
font-family: 'Bebas Neue', sans-serif; //Emerald logo font
|
||||
font-weight: 400;
|
||||
font-size: 4.5em;
|
||||
color: #d26e2b;
|
||||
@media (max-width: 940px) {
|
||||
padding: 0;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
font-size: 3em;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
}
|
||||
&:after {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 5rem;
|
||||
height: 1px;
|
||||
margin: 23px auto;
|
||||
background-color: lighten($text-color, 70%);
|
||||
@media (max-width: 480px) {
|
||||
margin: 0.5rem auto;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Posts */
|
||||
|
||||
#posts {
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
#post-page {
|
||||
margin-bottom: 1.5em;
|
||||
@media (min-width: 940px) {
|
||||
margin-bottom: 1.3334em;
|
||||
}
|
||||
}
|
||||
|
||||
.post+.post:before {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 5rem;
|
||||
height: 1px;
|
||||
margin: 23px auto;
|
||||
background-color: lighten($text-color, 70%);
|
||||
}
|
||||
|
||||
.by-line {
|
||||
display: block;
|
||||
color: lighten($text-color, 25%);
|
||||
line-height: 1.5em; /* 24px/16px */
|
||||
margin-bottom: 1.5em; /* 24px/16px */
|
||||
padding-top: 0.5em;
|
||||
font-weight: 200;
|
||||
@media (min-width: 940px) {
|
||||
display: block;
|
||||
color: lighten($text-color, 25%);
|
||||
line-height: 1.3334em; /* 24px/18px */
|
||||
margin-bottom: 1.3334em; /* 24px/18px */
|
||||
font-weight: 200;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 24px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
img[title="Emerald"] {
|
||||
box-shadow: 0 2px 6px #ddd;
|
||||
}
|
||||
|
||||
code {
|
||||
color: lighten($text-color, 35%);
|
||||
background-color: lighten($background-color, 35%);
|
||||
}
|
||||
|
||||
/* Set the vertical rhythm (and padding-left) for lists inside post content */
|
||||
|
||||
.content ul, .content ol {
|
||||
line-height: 1.5em; /* 24px/16px */
|
||||
padding-left: 1.5em;
|
||||
@media (min-width: 940px) {
|
||||
line-height: 1.33334em; /* 24px/18px */
|
||||
}
|
||||
}
|
||||
|
||||
/* Pages */
|
||||
|
||||
#page ul, #page ol {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
/* Paginator */
|
||||
|
||||
.pagination {
|
||||
text-align: center;
|
||||
margin: 2.666668em;
|
||||
span {
|
||||
background-color: darken($background-color, 5%);
|
||||
color: $text-color;
|
||||
}
|
||||
a:hover {
|
||||
background-color: lighten($main-color, 5%);
|
||||
}
|
||||
}
|
||||
.page-item {
|
||||
background-color: $main-color;
|
||||
color: $background-color;
|
||||
padding: 4px 8px;
|
||||
font-weight: 400;
|
||||
padding: 0.5em 1em;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
footer {
|
||||
background-color: $main-color;
|
||||
color: $background-color;
|
||||
text-align: center;
|
||||
padding: 0.6667em 0;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
min-height:100%;
|
||||
position:relative;
|
||||
padding-bottom: 105px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 25px 0;
|
||||
background-color: $main-color;
|
||||
color: $background-color;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
// -- Mixins -- //
|
||||
|
||||
// Nav menu
|
||||
|
||||
@mixin icon-position($position) {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
#{$position}: 25px;
|
||||
z-index: 10;
|
||||
height: 36px;
|
||||
padding: 8px;
|
||||
background-color: rgba(240,240,240,.6);
|
||||
@media (max-width: 480px) {
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin open($x) {
|
||||
-webkit-transform: translateX($x);
|
||||
-moz-transform: translateX($x);
|
||||
-ms-transform: translateX($x);
|
||||
transform: translateX($x);
|
||||
width: 100%;
|
||||
@media (min-width: 940px) {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin nav-position($position) {
|
||||
width: 14rem;
|
||||
position: fixed;
|
||||
background-color: $main-color;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
#{$position}: -14rem;
|
||||
color: $background-color;
|
||||
opacity: 0.95;
|
||||
-webkit-transition: all 0.3s ease-in;
|
||||
-moz-transition: all 0.3s ease-in;
|
||||
-ms-transition: all 0.3s ease-in;
|
||||
transition: all 0.3s ease-in;
|
||||
z-index: 1;
|
||||
padding: 72px 0;
|
||||
text-align: center;
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
/*
|
||||
* A Github stylesheet to highlight code snippet
|
||||
* https://github.com/mojombo/tpw/blob/master/css/syntax.css
|
||||
*/
|
||||
|
||||
// .highlight { background-color: #FFF; }
|
||||
.lineno { color: darken($background-color, 25%); margin-right: 1em; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
@ -0,0 +1,106 @@
|
||||
/*- Typography -*/
|
||||
//
|
||||
// Based on the typographic scale: 12, 14, 16, 18, 21, 24, 36, 48, 60, 72.
|
||||
//
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bebas Neue';
|
||||
src: url('../font/BebasNeue-Regular.woff') format('woff'), /* Pretty Modern Browsers */
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'PT Serif', serif;
|
||||
letter-spacing: 0.01em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/*- Typography for medium and small screen, based on 16px font-size -*/
|
||||
|
||||
p, ul, ol {
|
||||
font-size: 1em; /* 16px */
|
||||
line-height: 1.7em; /* 24px/16px */
|
||||
margin-bottom: 1.5em; /* 24px/16px */
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.25em; /* 36px/16px */
|
||||
line-height: 1.3333em; /* 48px/36px */
|
||||
padding: 0.33335em 0; /* 12px/36px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em; /* 24px/16px */
|
||||
line-height: 1.5em; /* 24px/24px */
|
||||
padding: 1em 0 0 0; /* 12px/24px * 2, only top (Use padding instead of margin to maintain proximity with paragwithph) */
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
@media (max-width: 480px) {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
font-size: 1.125em; /* 18px/16px */
|
||||
line-height: 1.7em; /* 24px/18px */
|
||||
padding: 0.66667em 0; /* 12px/18px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
margin: 1.5em; /* 24px/18px */
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background-color: darken($background-color, 5%);
|
||||
padding: 0 1.5em; /* 24px/18px */
|
||||
p, ul, ol {
|
||||
padding: 1.5em 0; /* 24px/18px */
|
||||
}
|
||||
}
|
||||
|
||||
/*- Typography for big screen, based on 18px font-size -*/
|
||||
|
||||
@media (min-width: 940px) { //Breakpoint set to 940px
|
||||
|
||||
p, ul, ol {
|
||||
font-size: 1em; /* 18px */
|
||||
line-height: 1.7em; /* 24px/18px */
|
||||
margin-bottom: 1.3334em; /* 24px/18px */
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.6667em; /* 48px/18px */
|
||||
line-height: 1em; /* 48px/48px */
|
||||
padding: 0.25em 0; /* 12px/48px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2em; /* 36px/18px */
|
||||
line-height: 1.7em; /* 48px/36px */
|
||||
padding: 0.66667em 0 0 0; /* 12px/36px * 2, pnly top (Use padding instead of margin to maintain proximity with paragraph) */
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
font-size: 1.7em; /* 24px/18px */
|
||||
line-height: 1.7em; /* 24px/24px */
|
||||
padding: 0.5em 0; /* 12px/24px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
margin: 1.3334em; /* 24px/18px */
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background-color: darken($background-color, 5%);
|
||||
padding: 0 1.33334em; /* 24px/18px */
|
||||
p, ul, ol {
|
||||
padding: 1.33334em 0; /* 24px/18px */
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
---
|
||||
layout: pag
|
||||
title: About
|
||||
---
|
||||
## About
|
||||
Emerald is a minimal theme created for Jekyll. The main purpose of Emerald is to provide a clear theme for those who want a blog ready to use, focused on the content and mobile-first.
|
||||
|
||||
For further details on Emerald, please visit the [repository on Github](https://github.com/KingFelix/emerald/).
|
||||
|
||||
|
||||
|
||||
### Setup
|
||||
Emerald may be installed by simply downloading the .zip folder from the [repository on Github](https://github.com/KingFelix/emerald/archive/master.zip).
|
||||
|
||||
After extracting the content from the folder into the selected directory, you can type ``jekyll serve`` from the terminal, than open your browser to ``0.0.0.0:4000/emerald/`` and you will find it there.
|
||||
|
||||
Additionally it is possible to fork the repository and use Github Pages as hosting. By following this way it will be enough to change the ``baseurl`` value into the ``_config.yml`` file, with the directory name of your project (for example /blog) or simply with a "/" (slash) if you want install Emerald in the root.
|
||||
|
||||
Last but not least: the [Jekyll documentation](http://jekyllrb.com) is the best starting point!
|
||||
|
||||
Enjoy!
|
||||
@ -0,0 +1,30 @@
|
||||
---
|
||||
layout: null
|
||||
---
|
||||
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
|
||||
<title>{{ site.title }}</title>
|
||||
<link href="{{ site.url }}/atom.xml" rel="self"/>
|
||||
<id>{{ site.url }}</id>
|
||||
<updated>{{ site.time | date_to_xmlschema }}</updated>
|
||||
<author>
|
||||
<name>{{ site.author.name }}</name>
|
||||
<uri>{{ site.author.url }}</uri>
|
||||
<email>{{ site.author.email }}</email>
|
||||
</author>
|
||||
|
||||
{% for post in site.posts limit: 10 %}
|
||||
|
||||
<entry>
|
||||
<title>{{ post.title }}</title>
|
||||
<link href="{{ site.url }}{{ post.url }}"/>
|
||||
<id>{{ site.url }}{{ post.id }}</id>
|
||||
<updated>{{ post.date | date_to_xmlschema }}</updated>
|
||||
<content type="html">{{ post.content | xml_escape | truncatewords:50 }}</content>
|
||||
</entry>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</feed>
|
||||
@ -0,0 +1,6 @@
|
||||
---
|
||||
# Front matter comment to ensure Jekyll properly reads file.
|
||||
---
|
||||
|
||||
//Import
|
||||
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss";
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 74 KiB |
@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<!-- Posts -->
|
||||
<ul id="posts">
|
||||
|
||||
{% for post in paginator.posts %}
|
||||
|
||||
<li class="post">
|
||||
<h2><a href="{% if site.baseurl == "/" %}{{ post.url }}{% else %}{{ post.url | prepend: site.baseurl }}{% endif %}">{{ post.title }}</a></h2>
|
||||
<time datetime="{{ post.date | date_to_xmlschema }}" class="by-line">{{ post.date | date_to_string }}</time>
|
||||
<p>{{ post.excerpt }}</p>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
@ -0,0 +1,41 @@
|
||||
var normal = document.getElementById("nav-menu");
|
||||
var reverse = document.getElementById("nav-menu-left");
|
||||
|
||||
var icon = normal !== null ? normal : reverse;
|
||||
|
||||
// Toggle the "menu-open" % "menu-opn-left" classes
|
||||
function toggle() {
|
||||
var navRight = document.getElementById("nav");
|
||||
var navLeft = document.getElementById("nav-left");
|
||||
var nav = navRight !== null ? navRight : navLeft;
|
||||
|
||||
var button = document.getElementById("menu");
|
||||
var site = document.getElementById("wrap");
|
||||
|
||||
if (nav.className == "menu-open" || nav.className == "menu-open-left") {
|
||||
nav.className = "";
|
||||
button.className = "";
|
||||
site.className = "";
|
||||
} else if (reverse !== null) {
|
||||
nav.className += "menu-open-left";
|
||||
button.className += "btn-close";
|
||||
site.className += "fixed";
|
||||
} else {
|
||||
nav.className += "menu-open";
|
||||
button.className += "btn-close";
|
||||
site.className += "fixed";
|
||||
}
|
||||
}
|
||||
|
||||
// Ensures backward compatibility with IE old versions
|
||||
function menuClick() {
|
||||
if (document.addEventListener && icon !== null) {
|
||||
icon.addEventListener('click', toggle);
|
||||
} else if (document.attachEvent && icon !== null) {
|
||||
icon.attachEvent('onclick', toggle);
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
menuClick();
|
||||
@ -0,0 +1,21 @@
|
||||
## Released under MIT License
|
||||
|
||||
Copyright (c) 2015 Jacopo Rabolini
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
@ -0,0 +1,52 @@
|
||||
## About
|
||||
Emerald is a minimal theme created for Jekyll. The main purpose of Emerald is to provide a clear theme for those who want a blog ready to use, focused on the content and mobile-first.
|
||||
|
||||
|
||||
|
||||
## Setup & usage
|
||||
Emerald may be installed by simply downloading the .zip folder from the [repository on Github](https://github.com/KingFelix/emerald/archive/master.zip).
|
||||
|
||||
After extracting the content from the folder into the selected directory, you can type ``jekyll serve`` from the terminal, than open your browser to ``0.0.0.0:4000/emerald/`` and you will find it there.
|
||||
|
||||
Additionally it is possible to fork the repository and use Github Pages as hosting. By following this way it will be enough to change the ``baseurl`` value into the ``_config.yml`` file, with the directory name of your project (for example /blog) or simply with a "/" (slash) if you want install Emerald in the root.
|
||||
|
||||
### Options
|
||||
Starting from the 1.1.0 version, you can customize Emerald thanks to a few options. Now it is possible to set a custom header tag by setting the related option in the ``_config.yml`` file to "true". Then insert your custom code into the ``header-custom.html`` file.
|
||||
In the same way, you can customize the footer of the navigation menu, by setting to "true" the related option and put your code into the ``nav-footer-custom.html`` file.
|
||||
Moreover it is now possible to select a reverse option that allows to move the navigation menu to the left side, by setting it to "true".
|
||||
|
||||
### Colors
|
||||
The basic colors are set into the ``base.scss`` file:
|
||||
- $main-color: used for the menu, title, link and footer
|
||||
- $background-color: used for background and links in the navigation menu
|
||||
- $text-color: used for text and title in posts and pages
|
||||
|
||||
To customize the colors, just set the values in HEX, RGB (or RGBa) or any other format accepted by CSS.
|
||||
|
||||
### Navigation menu
|
||||
Starting from the 1.1.0 version, the links inside the navigation menu are autogenerated from pages having the layout set to ``page``.
|
||||
You can set custom links, by putting in the ``<a>`` tag into the ``link.html`` file.
|
||||
|
||||
### Branch
|
||||
Emerald has two branch:
|
||||
- ``master``: is for developing pourpose.
|
||||
- ``gh-pages``: is only for demo site.
|
||||
|
||||
### Baseurl
|
||||
Emerald was thought to be used mainly with Github, in particular into [project site](https://pages.github.com/). For this reason several tags have been included ``{{ site.baseurl }}`` to refer to the "/emerald/" directory.
|
||||
You can change the "baseurl" value into the ``config.yml`` file, to match your directory (for example "/blog/") or the root of your project. In that case you must set the "baseurl" value to "/".
|
||||
|
||||
### Typography
|
||||
To maintain the vertical rhythm, it has been applied a **Typographic scale** as a modular scale, with a baseline set to 24px. To maintain this rhythm you need to insert elements like image, video or other contents with a 24px (or multiple) height as refer.
|
||||
|
||||
Last but not least: the [Jekyll documentation](http://jekyllrb.com) is the best starting point!
|
||||
|
||||
## Author
|
||||
|
||||
### Jacopo Rabolini
|
||||
|
||||
- Web site: [www.jacoporabolini.com](http://www.jacoporabolini.com)
|
||||
- Google+: [+JacopoRabolini](https://plus.google.com/u/0/+JacopoRabolini/posts)
|
||||
|
||||
## License
|
||||
Emerald is released under [MIT License](license.md).
|
||||
Loading…
Reference in new issue