mirror of
https://github.com/graphql-python/graphene.git
synced 2025-04-27 13:03:41 +03:00
Initial version of public Github pages under graphene-python.org
This commit is contained in:
Syrus Akbary
commit
fee57881f3
47
_config.yml
Normal file
47
_config.yml
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
#
|
||||
# This file contains configuration flags to customize your site
|
||||
#
|
||||
|
||||
name: Graphene
|
||||
|
||||
description: Pythonic GraphQL
|
||||
|
||||
#
|
||||
# Flags below are optional
|
||||
#
|
||||
|
||||
# Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
|
||||
google_analytics: "UA-12613282-7"
|
||||
|
||||
# Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
|
||||
# Used for Sitemap.xml and your RSS feed
|
||||
url: "https://graphene-python.org"
|
||||
|
||||
# If you're hosting your site at a Project repository on GitHub pages
|
||||
# (http://yourusername.github.io/repository-name)
|
||||
# and NOT your User repository (http://yourusername.github.io)
|
||||
# then add in the baseurl here, like this: "/repository-name"
|
||||
baseurl: ""
|
||||
|
||||
#
|
||||
# !! You don't need to change any of the configuration flags below !!
|
||||
#
|
||||
|
||||
markdown: redcarpet
|
||||
highlighter: pygments
|
||||
permalink: /:title/
|
||||
|
||||
# The release of Jekyll Now that you're using
|
||||
version: v1.1.0
|
||||
|
||||
# Use the following plug-ins
|
||||
gems:
|
||||
- jekyll-sitemap # Create a sitemap using the official Jekyll sitemap gem
|
||||
|
||||
# Exclude these files from your production _site
|
||||
exclude:
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
- LICENSE
|
||||
- README.md
|
||||
- CNAME
|
||||
16
_includes/analytics.html
Normal file
16
_includes/analytics.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{% if site.google_analytics %}
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '{{ site.google_analytics }}', 'auto');
|
||||
ga('send', 'pageview', {
|
||||
'page': '{{ page.url }}',
|
||||
'title': '{{ page.title | replace: "'", "\\'" }}'
|
||||
});
|
||||
</script>
|
||||
<!-- End Google Analytics -->
|
||||
{% endif %}
|
||||
17
_includes/disqus.html
Normal file
17
_includes/disqus.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{% if site.disqus %}
|
||||
<div class="comments">
|
||||
<div id="disqus_thread"></div>
|
||||
<script type="text/javascript">
|
||||
|
||||
var disqus_shortname = '{{ site.disqus }}';
|
||||
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
</div>
|
||||
{% endif %}
|
||||
20
_includes/meta.html
Normal file
20
_includes/meta.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
|
||||
{% if page.excerpt %}
|
||||
<meta name="description" content="{{ page.excerpt| strip_html }}" />
|
||||
<meta property="og:description" content="{{ page.excerpt| strip_html }}" />
|
||||
{% else %}
|
||||
<meta name="description" content="{{ site.description }}">
|
||||
<meta property="og:description" content="{{ site.description }}" />
|
||||
{% endif %}
|
||||
<meta name="author" content="{{ site.name }}" />
|
||||
|
||||
{% if page.title %}
|
||||
<meta property="og:title" content="{{ page.title }}" />
|
||||
<meta property="twitter:title" content="{{ page.title }}" />
|
||||
{% endif %}
|
||||
23
_layouts/default.html
Normal file
23
_layouts/default.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }}</title>
|
||||
|
||||
{% include meta.html %}
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" />
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
|
||||
<link href='https://fonts.googleapis.com/css?family=Raleway:400,600,200,100' rel='stylesheet' type='text/css'>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ content }}
|
||||
{% include analytics.html %}
|
||||
</body>
|
||||
</html>
|
||||
35
_layouts/page.html
Normal file
35
_layouts/page.html
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<header id="top-header">
|
||||
<a href="./index.html" id="page-logo">
|
||||
<svg width="64" height="64" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="animated-logo"><g fill="none" fill-rule="evenodd"><path class="logo-path" d="M49.17 10.915L15.415 30.29l.058 39.252 34.633 20.082 33.345-18.95-.023-39.79-34.185 19.238" stroke="#D06D6D" stroke-width="4.987"/>
|
||||
<g transform="translate(41.5 3)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(8 22.482)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(8 62.33)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(42.382 81.813)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(75.882 62.33)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(75.882 22.482)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(42.382 41.964)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<nav id="page-nav">
|
||||
<a href="">Starwars Django Example</a>
|
||||
<a href="">Quickstart Guide</a>
|
||||
<a href="" class="active">Community</a>
|
||||
<a href=""><span class="github-icon">Github</span></a>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="page-headline">
|
||||
<h1 class="container">
|
||||
{page.title}
|
||||
</h1>
|
||||
<h3 class="container">
|
||||
{page.description}
|
||||
</h3>
|
||||
</div>
|
||||
<article id="page-article" class="container">
|
||||
{content}
|
||||
</article>
|
||||
30
community.html
Normal file
30
community.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
---
|
||||
layout: page
|
||||
title: Community
|
||||
description: The biggest GraphQL Community in Python
|
||||
---
|
||||
|
||||
<p>Graphene is constantly developing thanks to an active volunteer community, There are many different places where you discuss Graphene, share your experiences or ask for help. Your feedback and participation are very welcome!</p>
|
||||
<p>If you think working with Graphene is fun, there are many ways you can contribute to it.
|
||||
Please join us in the Slack community and help us shape the next generation API's.</p>
|
||||
<a href="https://graphql-slack.herokuapp.com/">
|
||||
<img src="https://graphql-slack.herokuapp.com/badge.svg" width="101" height="20" title="Public Slack Discussion" />
|
||||
</a>
|
||||
<h2>Our Repositories</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>GraphQL Core</strong>:
|
||||
<a href="https://github.com/graphql-python/graphql-core/">Source Code</a> -
|
||||
<a href="https://pypi.python.org/pypi/graphql-core">PyPI package</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>GraphQL Relay</strong>:
|
||||
<a href="https://github.com/graphql-python/graphql-relay/">Source Code</a> -
|
||||
<a href="https://pypi.python.org/pypi/graphql-relay">PyPI package</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Graphene</strong>:
|
||||
<a href="https://github.com/graphql-python/graphene/">Source Code</a> -
|
||||
<a href="https://pypi.python.org/pypi/graphene">PyPI package</a>
|
||||
</li>
|
||||
</ul>
|
||||
BIN
favicon.png
Normal file
BIN
favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
21
feed.xml
Normal file
21
feed.xml
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
layout: null
|
||||
---
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>{{ site.name | xml_escape }}</title>
|
||||
<description>{{ site.description | xml_escape }}</description>
|
||||
<link>{{ site.url }}</link>
|
||||
<atom:link href="{{ site.url }}/feed.xml" rel="self" type="application/rss+xml" />
|
||||
{% for post in site.posts limit:10 %}
|
||||
<item>
|
||||
<title>{{ post.title | xml_escape }}</title>
|
||||
<description>{{ post.content | xml_escape }}</description>
|
||||
<pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
|
||||
<link>{{ site.url }}{{ post.url }}</link>
|
||||
<guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
|
||||
</item>
|
||||
{% endfor %}
|
||||
</channel>
|
||||
</rss>
|
||||
BIN
images/404.jpg
Normal file
BIN
images/404.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
1
images/logo.min.svg
Normal file
1
images/logo.min.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><title>logo</title><g fill="none" fill-rule="evenodd"><path class="logo-path" d="M49.17 10.915L15.415 30.29l.058 39.252 34.633 20.082 33.345-18.95-.023-39.79-34.185 19.238" stroke="#D06D6D" stroke-width="4.987"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(41.5 3)" fill="#D06D6D"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(8 22.482)" fill="#D06D6D"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(8 62.33)" fill="#D06D6D"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(42.382 81.813)" fill="#D06D6D"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(42.382 41.964)" fill="#D06D6D"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(75.882 62.33)" fill="#D06D6D"/><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" transform="translate(75.882 22.482)" fill="#D06D6D"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1018 B |
37
images/logo.svg
Normal file
37
images/logo.svg
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>logo</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
|
||||
<g id="Desktop" sketch:type="MSArtboardGroup" transform="translate(-462.000000, -90.000000)">
|
||||
<g id="GRAPHENE-+-Group" sketch:type="MSLayerGroup" transform="translate(451.000000, 93.000000)">
|
||||
<g id="Group" transform="translate(19.000000, 0.000000)" sketch:type="MSShapeGroup">
|
||||
<path d="M41.1693366,7.91507413 L7.41615987,27.2905431 L7.47384352,66.5416839 L42.1069156,86.6244166 L75.4522612,67.6733485 L75.4287168,27.8853469 L41.2446785,47.122462" id="Path-1" stroke="#D06D6D" stroke-width="4.98701299"></path>
|
||||
<g transform="translate(33.500000, 0.000000)" id="Oval-1" fill="#D06D6D">
|
||||
<ellipse cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
<g id="Group-Copy" transform="translate(0.000000, 19.481976)" fill="#D06D6D">
|
||||
<ellipse id="Oval-1" cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
<g id="Group-Copy-2" transform="translate(0.000000, 59.331472)" fill="#D06D6D">
|
||||
<ellipse id="Oval-1" cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
<g id="Group-Copy-3" transform="translate(34.381579, 78.813448)" fill="#D06D6D">
|
||||
<ellipse id="Oval-1" cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
<g id="Group-Copy-6" transform="translate(34.381579, 38.963952)" fill="#D06D6D">
|
||||
<ellipse id="Oval-1" cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
<g id="Group-Copy-7" transform="translate(67.881579, 59.331472)" fill="#D06D6D">
|
||||
<ellipse id="Oval-1" cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
<g id="Group-Copy-5" transform="translate(67.881579, 19.481976)" fill="#D06D6D">
|
||||
<ellipse id="Oval-1" cx="7.93421053" cy="7.96989926" rx="7.93421053" ry="7.96989926"></ellipse>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
29
index.html
Normal file
29
index.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<a href="./index.html" id="main-logo">
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="animated-logo"><g fill="none" fill-rule="evenodd"><path class="logo-path" d="M49.17 10.915L15.415 30.29l.058 39.252 34.633 20.082 33.345-18.95-.023-39.79-34.185 19.238" stroke="#D06D6D" stroke-width="4.987"/>
|
||||
<g transform="translate(41.5 3)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(8 22.482)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(8 62.33)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(42.382 81.813)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(75.882 62.33)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(75.882 22.482)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
<g transform="translate(42.382 41.964)"><ellipse cx="7.934" cy="7.97" rx="7.934" ry="7.97" fill="#D06D6D"/></g>
|
||||
</g>
|
||||
</svg>
|
||||
<span>Graphene</span>
|
||||
</a>
|
||||
<div id="headline">
|
||||
<h1>
|
||||
GraphQL in Python<br>
|
||||
made <strong>simple</strong>
|
||||
</h1>
|
||||
</div>
|
||||
<nav id="main-nav">
|
||||
<a href="">Starwars Django Example</a>
|
||||
<a href="">Quickstart Guide</a>
|
||||
<a href="">Community</a>
|
||||
<a href=""><span class="github-icon">Github</span></a>
|
||||
</nav>
|
||||
268
style.css
Normal file
268
style.css
Normal file
|
|
@ -0,0 +1,268 @@
|
|||
/* RESET */
|
||||
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
|
||||
/* Main styles */
|
||||
|
||||
html, body {
|
||||
font-family: "Helvetica Neue";
|
||||
font-weight: 300;
|
||||
background: white;
|
||||
font-size: 16px;
|
||||
color: #606060;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4A4A4A;
|
||||
}
|
||||
a:hover {
|
||||
color: #222;
|
||||
}
|
||||
strong {
|
||||
font-family: "Raleway";
|
||||
font-weight: 600;
|
||||
}
|
||||
/* LOGO ANIMATION */
|
||||
#main-logo {
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 120px;
|
||||
margin: 95px auto;
|
||||
}
|
||||
|
||||
#main-logo svg {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#main-logo span {
|
||||
display: block;
|
||||
font-family: 'Raleway';
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
color: #D06D6D;
|
||||
line-height: 26px;
|
||||
margin-top: 13px;
|
||||
text-transform: uppercase;
|
||||
animation: fadeIn .6s ease-in forwards;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: .6s;
|
||||
}
|
||||
|
||||
.animated-logo path {
|
||||
stroke-dasharray: 250;
|
||||
stroke-dashoffset: 250;
|
||||
animation: logo-dash .9s ease-in-out forwards;
|
||||
animation-delay: .12s;
|
||||
}
|
||||
|
||||
.animated-logo g ellipse {
|
||||
animation: logo-dot .3s ease forwards;
|
||||
animation-fill-mode: both;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(2) ellipse {
|
||||
animation-delay: .1s;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(3) ellipse {
|
||||
animation-delay: .2s;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(4) ellipse {
|
||||
animation-delay: .3s;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(5) ellipse {
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(6) ellipse {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(7) ellipse {
|
||||
animation-delay: .6s;
|
||||
}
|
||||
|
||||
.animated-logo g:nth-child(8) ellipse {
|
||||
animation-delay: .7s;
|
||||
}
|
||||
|
||||
#headline {
|
||||
position: relative;
|
||||
}
|
||||
#headline h1 {
|
||||
font-family: "Raleway";
|
||||
padding: 27px 0;
|
||||
font-weight: 100;
|
||||
font-size: 42px;
|
||||
color: #747474;
|
||||
line-height: 49px;
|
||||
text-align: center;
|
||||
animation: fadeIn .5s ease-in-out forwards;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: 1.4s;
|
||||
}
|
||||
|
||||
#headline:before,
|
||||
#headline:after {
|
||||
animation: logo-dot .5s ease-in-out forwards;
|
||||
animation-fill-mode: both;
|
||||
transform-origin: 50% 50%;
|
||||
animation-delay: 1.4s;
|
||||
content:"";
|
||||
width: 80px;
|
||||
border-top:1px solid #747474;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -40px;
|
||||
}
|
||||
#headline:before {
|
||||
top: 0;
|
||||
}
|
||||
#headline:after {
|
||||
bottom: 0;
|
||||
}
|
||||
#headline strong {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#main-nav {
|
||||
margin-top: 78px;
|
||||
text-align: center;
|
||||
}
|
||||
#main-nav a,
|
||||
#page-nav a {
|
||||
font-family: 'Raleway';
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
margin: 0 32px;
|
||||
color: #747474;
|
||||
line-height: 19px;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
}
|
||||
#main-nav a:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#main-nav .github-icon,
|
||||
#page-nav .github-icon {
|
||||
vertical-align: middle;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
padding: 0;
|
||||
text-indent: -10000px;
|
||||
display: inline-block;
|
||||
opacity: .8;
|
||||
overflow: hidden;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPg0KICAgIDxwYXRoIGQ9Ik0wLjMzNjg3MTAzMiwzMCBDMC4zMzY4NzEwMzIsMTMuNDMxNDU2NyAxMy41NjcyMzEzLDAgMjkuODg3NzA5NywwIEM0Ni4yMDgxODgsMCA1OS40Mzg1NDgzLDEzLjQzMTQ1NjcgNTkuNDM4NTQ4MywzMCBDNTkuNDM4NTQ4Myw0Ni41Njg1NDMzIDQ2LjIwODE4OCw2MCAyOS44ODc3MDk3LDYwIEMxMy41NjcyMzEzLDYwIDAuMzM2ODcxMDMyLDQ2LjU2ODU0MzMgMC4zMzY4NzEwMzIsMzAgWiBNMC4zMzY4NzEwMzIsMzAiIGlkPSJHaXRodWIiIGZpbGw9IiMzMzMzMzMiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTguMjE4NDI0NSwzMS45MzU1NTY2IEMxOS42MDY4NTA2LDM0LjQ1MDc5MDIgMjIuMjg0NTI5NSwzNi4wMTU2NzY0IDI2LjgwMDcyODcsMzYuNDQ4NTE3MyBDMjYuMTU2MTAyMywzNi45MzY1MzM1IDI1LjM4MTc4NzcsMzcuODYzMDk4NCAyNS4yNzQ5ODU3LDM4LjkzNDI2MDcgQzI0LjQ2NDQzNDgsMzkuNDU3NDc0OSAyMi44MzQ3NTA2LDM5LjYyOTY2IDIxLjU2NzQzMDMsMzkuMjMxMDY1OSBDMTkuNzkxODQ2OSwzOC42NzE3MDIzIDE5LjExMTkzNzcsMzUuMTY0MjY0MiAxNi40NTMzMzA2LDM1LjY2MzY5NTkgQzE1Ljg3NzM2MjYsMzUuNzcyMTQ0IDE1Ljk5MTc5MzMsMzYuMTUwNzYwOSAxNi40ODk1NjcsMzYuNDcyMjk5OCBDMTcuMzAwMTE3OSwzNi45OTU1MTQxIDE4LjA2Mjk4OTQsMzcuNjUwMDA3NSAxOC42NTEzNTQxLDM5LjA0MzY2IEMxOS4xMDMzNTU0LDQwLjExMzg3MSAyMC4wNTMxMzA0LDQyLjAyNTk4MTMgMjMuMDU2OTM2OSw0Mi4wMjU5ODEzIEMyNC4yNDg5MjM2LDQyLjAyNTk4MTMgMjUuMDg0MjY3OSw0MS44ODMyODY1IDI1LjA4NDI2NzksNDEuODgzMjg2NSBDMjUuMDg0MjY3OSw0MS44ODMyODY1IDI1LjEwNzE1NCw0NC42MTQ0NjQ5IDI1LjEwNzE1NCw0NS42NzYxMTQyIEMyNS4xMDcxNTQsNDYuOTAwNDM1NSAyMy40NTA3NjkzLDQ3LjI0NTc1NjkgMjMuNDUwNzY5Myw0Ny44MzQ2MTA4IEMyMy40NTA3NjkzLDQ4LjA2NzY3OSAyMy45OTkwODMyLDQ4LjA4OTU1ODggMjQuNDM5NjQxNSw0OC4wODk1NTg4IEMyNS4zMTAyNjg1LDQ4LjA4OTU1ODggMjcuMTIyMDg4Myw0Ny4zNjQ2NjkzIDI3LjEyMjA4ODMsNDYuMDkxODMxNyBDMjcuMTIyMDg4Myw0NS4wODA2MDEyIDI3LjEzODI5OTMsNDEuNjgwNjU5OSAyNy4xMzgyOTkzLDQxLjA4NjA5ODIgQzI3LjEzODI5OTMsMzkuNzg1NjczIDI3LjgzNzI4MDMsMzkuMzczNzYwNyAyNy44MzcyODAzLDM5LjM3Mzc2MDcgQzI3LjgzNzI4MDMsMzkuMzczNzYwNyAyNy45MjQwNTcsNDYuMzE1Mzg2OSAyNy42NzA0MDIyLDQ3LjI0NTc1NjkgQzI3LjM3Mjg4MjMsNDguMzM5NzUwNCAyNi44MzYwMTE1LDQ4LjE4NDY4ODcgMjYuODM2MDExNSw0OC42NzI3MDQ5IEMyNi44MzYwMTE1LDQ5LjM5ODU0NTggMjkuMDE2ODcwNCw0OC44NTA1OTc4IDI5LjczOTY5MTEsNDcuMjU3MTcyNSBDMzAuMjk4NDk0NSw0Ni4wMTY2NzkxIDMwLjA1NDM3NTYsMzkuMjA3MjgzNCAzMC4wNTQzNzU2LDM5LjIwNzI4MzQgTDMwLjY1MDM2OSwzOS4xOTQ5MTY1IEMzMC42NTAzNjksMzkuMTk0OTE2NSAzMC42ODM3NDQ2LDQyLjMxMjMyMjIgMzAuNjYzNzE5Miw0My43MzczNjc1IEMzMC42NDI3NDAyLDQ1LjIxMjgzMTcgMzAuNTQyNjEzNCw0Ny4wNzkyNzk3IDMxLjQyMDg2OTIsNDcuOTU5MjMwOSBDMzEuOTk3NzkwNyw0OC41Mzc2MjA1IDMzLjg2ODczMyw0OS41NTI2NTYyIDMzLjg2ODczMyw0OC42MjUxNCBDMzMuODY4NzMzLDQ4LjA4NTc1MzYgMzIuODQzNjI0NSw0Ny42NDI0NDg1IDMyLjg0MzYyNDUsNDYuMTgzMTU2NCBMMzIuODQzNjI0NSwzOS40Njg4OTA1IEMzMy42NjE4MDQyLDM5LjQ2ODg5MDUgMzMuNTM4NzkxMSw0MS42NzY4NTQ3IDMzLjUzODc5MTEsNDEuNjc2ODU0NyBMMzMuNTk4ODY3Myw0NS43Nzg4NTQ0IEMzMy41OTg4NjczLDQ1Ljc3ODg1NDQgMzMuNDE4NjM4OSw0Ny4yNzMzNDQ2IDM1LjIxOTAxNTYsNDcuODk5Mjk5MSBDMzUuODU0MTA2MSw0OC4xMjA5NTE3IDM3LjIxMzkyNDUsNDguMTgwODgzNSAzNy4yNzc4MTUsNDcuODA4OTI1NyBDMzcuMzQxNzA1NSw0Ny40MzYwMTY3IDM1LjY0MDUwMjEsNDYuODgxNDA5NiAzNS42MjUyNDQ2LDQ1LjcyMzY3OTEgQzM1LjYxNTcwODgsNDUuMDE3ODE1NSAzNS42NTY3MTMxLDQ0LjYwNTkwMzIgMzUuNjU2NzEzMSw0MS41Mzc5NjUxIEMzNS42NTY3MTMxLDM4LjQ3MDAyNyAzNS4yNDM4MDg5LDM3LjMzNjA3OSAzMy44MDQ4NDI2LDM2LjQzMjM0NTMgQzM4LjI0NTcwODIsMzUuOTc2NjczMiA0MC45OTM5NTI3LDM0Ljg4MDY4MiA0Mi4zMzM3NDU4LDMxLjk0NTA2OTUgQzQyLjQzODM2MTksMzEuOTQ4NDk2NiA0Mi44NzkxNDkxLDMwLjU3Mzc3NDIgNDIuODIxOTgzNSwzMC41NzQyNDgyIEM0My4xMjIzNjQyLDI5LjQ2NTk4NTMgNDMuMjg0NDc0NCwyOC4xNTUwOTU3IDQzLjMxNjg5NjQsMjYuNjAyNTc2NCBDNDMuMzA5MjY3NywyMi4zOTMwNzk5IDQxLjI4OTU2NTQsMjAuOTA0Mjk3NSA0MC45MDE0NTQ2LDIwLjIwNTA5MyBDNDEuNDczNjA4MiwxNy4wMTgyNDI1IDQwLjgwNjA5NTYsMTUuNTY3NTEyMSA0MC40OTYxNzkxLDE1LjA2OTk4MjkgQzM5LjM1MTg3MTksMTQuNjYzNzc4NCAzNi41MTQ5NDM1LDE2LjExNDUwODggMzQuOTY1MzYwOCwxNy4xMzcxNTQ4IEMzMi40MzgzNDksMTYuMzk5ODk4NCAyNy4wOTgyNDg2LDE2LjQ3MTI0NTggMjUuMDk1NzEwOSwxNy4zMjc0MTQ2IEMyMS40MDA1NTIyLDE0LjY4NzU2MDggMTkuNDQ1Njk0LDE1LjA5MTg2MjggMTkuNDQ1Njk0LDE1LjA5MTg2MjggQzE5LjQ0NTY5NCwxNS4wOTE4NjI4IDE4LjE4MjE4ODEsMTcuMzUxMTk3IDE5LjExMTkzNzcsMjAuNjU2OTU5OCBDMTcuODk2MTExMywyMi4yMDI4MjAxIDE2Ljk5MDIwMTQsMjMuMjk2ODEzNiAxNi45OTAyMDE0LDI2LjE5NjM3MTggQzE2Ljk5MDIwMTQsMjcuODI5NzUxNiAxNy4xODI4MjY0LDI5LjI5MTg5NzYgMTcuNjE3NjYzMiwzMC41Njg1NDA0IEMxNy41NjQzNTc3LDMwLjU2ODQwOTMgMTguMjAwODQ5MywzMS45MzU5Nzc3IDE4LjIxODQyNDUsMzEuOTM1NTU2NiBaIE0xOC4yMTg0MjQ1LDMxLjkzNTU1NjYiIGlkPSJQYXRoIiBmaWxsPSIjRkZGRkZGIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgPHBhdGggZD0iTTU5LjQzODU0ODMsMzAgQzU5LjQzODU0ODMsNDYuNTY4NTQzMyA0Ni4yMDgxODgsNjAgMjkuODg3NzA5Nyw2MCBDMjMuODM0ODMwOCw2MCAxOC4yMDY5OTU0LDU4LjE1MjUxMzQgMTMuNTIxNjE0OCw1NC45ODI3NzU0IEw0Ny4zODE4MzYxLDUuODE5NDExMDMgQzU0LjY5MzczNDEsMTEuMjgwNjUwMyA1OS40Mzg1NDgzLDIwLjA3Nzc5NzMgNTkuNDM4NTQ4MywzMCBaIE01OS40Mzg1NDgzLDMwIiBpZD0icmVmbGVjIiBmaWxsLW9wYWNpdHk9IjAuMDgiIGZpbGw9IiMwMDAwMDAiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCjwvc3ZnPg==);
|
||||
background-size: cover;
|
||||
}
|
||||
#main-nav .github-icon:hover,
|
||||
#page-nav .github-icon:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#top-header {
|
||||
height: 135px;
|
||||
padding: 0 39px;
|
||||
}
|
||||
#page-logo {
|
||||
display: inline-block;
|
||||
margin: 39px 0;
|
||||
}
|
||||
#page-nav {
|
||||
float: right;
|
||||
}
|
||||
#page-nav a {
|
||||
display: inline-block;
|
||||
margin: 0 0;
|
||||
color: #C4C4C4;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
padding: 52px 16px 51px;
|
||||
}
|
||||
#page-nav a:hover {
|
||||
color: #666;
|
||||
}
|
||||
#page-nav a.active {
|
||||
color: #747474;
|
||||
font-weight: 600;
|
||||
box-shadow: inset 0 -4px 0 #D06D6D;
|
||||
}
|
||||
#page-headline {
|
||||
background: #F9F9F9;
|
||||
padding: 65px 0;
|
||||
}
|
||||
#page-headline h1 {
|
||||
font-family: 'Raleway';
|
||||
font-weight: 200;
|
||||
font-size: 42px;
|
||||
color: #4A4A4A;
|
||||
line-height: 49px;
|
||||
}
|
||||
#page-headline h3 {
|
||||
font-family: 'Helvetica Neue';
|
||||
font-weight: 100;
|
||||
font-size: 14px;
|
||||
margin-top: 8px;
|
||||
text-transform: uppercase;
|
||||
color: #999999;
|
||||
letter-spacing: 0.6px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
#page-article {
|
||||
padding-top: 54px;
|
||||
padding-bottom: 54px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
#page-article p {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
#page-article h2 {
|
||||
font-family: 'Raleway';
|
||||
font-weight: 200;
|
||||
font-size: 26px;
|
||||
color: #4A4A4A;
|
||||
line-height: 30px;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.container {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
max-width: 660px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
/* Page */
|
||||
|
||||
|
||||
@keyframes logo-dash {
|
||||
to {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes logo-dot {
|
||||
from {
|
||||
opacity: 0.5;
|
||||
transform:scale(0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform:scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user