commit fee57881f32c5ac583794ee65b0009add8fce5d2 Author: Syrus Akbary Date: Tue Oct 6 20:43:59 2015 -0700 Initial version of public Github pages under graphene-python.org diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..3e3b78e4 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +graphene-python.org \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100644 index 00000000..11a2634b --- /dev/null +++ b/_config.yml @@ -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 diff --git a/_includes/analytics.html b/_includes/analytics.html new file mode 100644 index 00000000..c5a3bd0d --- /dev/null +++ b/_includes/analytics.html @@ -0,0 +1,16 @@ +{% if site.google_analytics %} + + + +{% endif %} diff --git a/_includes/disqus.html b/_includes/disqus.html new file mode 100644 index 00000000..c4b4d239 --- /dev/null +++ b/_includes/disqus.html @@ -0,0 +1,17 @@ +{% if site.disqus %} +
+
+ + +
+{% endif %} \ No newline at end of file diff --git a/_includes/meta.html b/_includes/meta.html new file mode 100644 index 00000000..250ee65c --- /dev/null +++ b/_includes/meta.html @@ -0,0 +1,20 @@ + + + + + + + + {% if page.excerpt %} + + + {% else %} + + + {% endif %} + + + {% if page.title %} + + + {% endif %} \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 00000000..7674379a --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,23 @@ + + + + {% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }} + + {% include meta.html %} + + + + + + + + + + + + {{ content }} + {% include analytics.html %} + + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 00000000..f2c5f8a9 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,35 @@ +--- +layout: default +--- + +
+ + +
+
+

+ {page.title} +

+

+ {page.description} +

+
+
+ {content} +
diff --git a/community.html b/community.html new file mode 100644 index 00000000..7aa9d185 --- /dev/null +++ b/community.html @@ -0,0 +1,30 @@ +--- +layout: page +title: Community +description: The biggest GraphQL Community in Python +--- + +

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!

+

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.

+ + + +

Our Repositories

+ \ No newline at end of file diff --git a/favicon.png b/favicon.png new file mode 100644 index 00000000..1a0c3c4e Binary files /dev/null and b/favicon.png differ diff --git a/feed.xml b/feed.xml new file mode 100644 index 00000000..cd2321ba --- /dev/null +++ b/feed.xml @@ -0,0 +1,21 @@ +--- +layout: null +--- + + + + {{ site.name | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }} + + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }} + {{ site.url }}{{ post.url }} + {{ site.url }}{{ post.url }} + + {% endfor %} + + \ No newline at end of file diff --git a/images/404.jpg b/images/404.jpg new file mode 100644 index 00000000..166a17ef Binary files /dev/null and b/images/404.jpg differ diff --git a/images/logo.min.svg b/images/logo.min.svg new file mode 100644 index 00000000..36d20f12 --- /dev/null +++ b/images/logo.min.svg @@ -0,0 +1 @@ +logo \ No newline at end of file diff --git a/images/logo.svg b/images/logo.svg new file mode 100644 index 00000000..09fde43c --- /dev/null +++ b/images/logo.svg @@ -0,0 +1,37 @@ + + + + logo + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000..5dc667a1 --- /dev/null +++ b/index.html @@ -0,0 +1,29 @@ +--- +layout: default +--- + + +
+

+ GraphQL in Python
+ made simple +

+
+ diff --git a/style.css b/style.css new file mode 100644 index 00000000..db535e7b --- /dev/null +++ b/style.css @@ -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; + } +}