Skip to content

Commit e0b11d6

Browse files
rmosolgormosolgo
committed
feat(website) make new layout
1 parent 3f62cc6 commit e0b11d6

35 files changed

+425
-238
lines changed

‎graphql-ruby.png

-33.8 KB
Loading

‎graphql-ruby.svg

+1-1
Loading

‎guides/_layouts/default.html

+16-85
Original file line numberDiff line numberDiff line change
@@ -2,95 +2,26 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
5-
<title>GraphQL Ruby - {{ page.title }}</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>GraphQL - {{ page.title }}</title>
7+
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400" rel="stylesheet" />
68
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
79
<link rel="icon" href="{{ site.baseurl }}/graphql-ruby-icon.png">
810
</head>
9-
<body class="hack">
10-
<script>
11-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
12-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
13-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
14-
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
15-
ga('create', 'UA-19264608-11', 'auto');
16-
ga('send', 'pageview');
17-
</script>
11+
<body>
12+
<div class="header">
13+
<a href="{{ site.baseurl }}/" class="img-link">
14+
<img src="{{ site.baseurl }}/graphql-ruby.png" />
15+
</a>
16+
<span>GraphQL Ruby</span>
17+
<a href="{{ site.baseurl }}/getting_started">Getting Started</a>
18+
<a href="{{ site.baseurl }}/guides">Guides</a>
19+
<a href="http://www.rubydoc.info/github/rmosolgo/graphql-ruby">API Docs</a>
20+
<a href="https://tinyletter.com/graphql-ruby">Newsletter</a>
21+
<a href="https://github.com/rmosolgo/graphql-ruby">Source Code</a>
22+
</div>
1823
<div class="container">
19-
<div style="display: flex; justify-content: center;">
20-
<strong style="white-space: pre; line-height: 1.1em; display: inline-block; font-size: 8px;">
21-
▄██████▄ ▄████████ ▄████████ ▄███████▄ ▄█ █▄ ████████▄ ▄█
22-
███ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███
23-
███ █▀ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███
24-
▄███ ▄███▄▄▄▄██▀ ███ ███ ███ ███ ▄███▄▄▄▄███▄▄ ███ ███ ███
25-
▀▀███ ████▄ ▀▀███▀▀▀▀▀ ▀███████████ ▀█████████▀ ▀▀███▀▀▀▀███▀ ███ ███ ███
26-
███ ███ ▀███████████ ███ ███ ███ ███ ███ ███ ███ ███
27-
███ ███ ███ ███ ███ ███ ███ ███ ███ ███ ▀ ███ ███▌ ▄
28-
████████▀ ███ ███ ███ █▀ ▄████▀ ███ █▀ ▀██████▀▄█ █████▄▄██
29-
███ ███ ▀
30-
</strong>
31-
</div>
32-
<p style="text-align: center;">A GraphQL server implementation for Ruby</p>
33-
34-
<div class="grid -between">
35-
<div class="cell -3of12">
36-
<h3>Guides</h3>
37-
<ul>
38-
<li><a href="{{ site.baseurl }}/">Getting Started</a></li>
39-
<li>
40-
<strong>Schema</strong>
41-
<ul>
42-
<li><a href="{{ site.baseurl }}/schema/types_and_fields">Types and Fields</a></li>
43-
<li><a href="{{ site.baseurl }}/schema/generators">Generators</a></li>
44-
<li><a href="{{ site.baseurl }}/schema/configuration_options">Configuration Options</a></li>
45-
<li><a href="{{ site.baseurl }}/schema/code_reuse">Code Reuse</a></li>
46-
<li><a href="{{ site.baseurl }}/schema/instrumentation">Instrumentation</a></li>
47-
<li><a href="{{ site.baseurl }}/schema/lazy_execution">Lazy Execution</a></li>
48-
<li><a href="{{ site.baseurl }}/schema/limiting_visibility">Limiting Visibility</a></li>
49-
<li><a href="{{ site.baseurl }}/schema/testing">Testing</a></li>
50-
</ul>
51-
</li>
52-
<li>
53-
<strong>Queries</strong>
54-
<ul>
55-
<li><a href="{{ site.baseurl }}/queries/executing_queries">Executing Queries</a></li>
56-
<li><a href="{{ site.baseurl }}/queries/mutations">Mutations</a></li>
57-
<li><a href="{{ site.baseurl }}/queries/authorization">Authorization</a></li>
58-
<li><a href="{{ site.baseurl }}/queries/security">Security</a></li>
59-
<li><a href="{{ site.baseurl }}/queries/error_handling">Error Handling</a></li>
60-
<li><a href="{{ site.baseurl }}/queries/phases_of_execution">Phases of Execution</a></li>
61-
</ul>
62-
</li>
63-
<li>
64-
<strong>Relay</strong>
65-
<ul>
66-
<li><a href="{{ site.baseurl }}/relay/object_identification">Object Identification</a></li>
67-
<li><a href="{{ site.baseurl }}/relay/connections">Connections</a></li>
68-
<li><a href="{{ site.baseurl }}/relay/mutations">Mutations</a></li>
69-
</ul>
70-
</li>
71-
<li>
72-
<strong>GraphQL::Pro</strong>
73-
<ul>
74-
<li><a href="http://graphql.pro">GraphQL::Pro Home</a></li>
75-
<li><a href="{{ site.baseurl }}/pro/installation">Installation & Updates</a></li>
76-
<li><a href="{{ site.baseurl }}/pro/authorization">Authorization</a></li>
77-
<li><a href="{{ site.baseurl }}/pro/persisted_queries">Persisted Queries</a></li>
78-
<li><a href="{{ site.baseurl }}/pro/monitoring">Monitoring</a></li>
79-
<li><a href="{{ site.baseurl }}/pro/cursors">Stable Cursors<br/>for ActiveRecord</a></li>
80-
<li><a href="{{ site.baseurl }}/pro/encoders">Encrypted, Versioned<br/>Cursors and Ids</a></li>
81-
</ul>
82-
</li>
83-
<li><a href="{{ site.baseurl }}/related_projects">Related Projects</a></li>
84-
</ul>
85-
<h3><a href="https://tinyletter.com/graphql-ruby">GraphQL Ruby Newsletter</a></h3>
86-
<h3><a href="http://www.rubydoc.info/github/rmosolgo/graphql-ruby">API Docs</a></h3>
87-
<h3><a href="https://github.com/rmosolgo/graphql-ruby">Source Code</a></h3>
88-
</div>
89-
<div class="cell -9of12">
90-
<h1 class="guide-header">{{ page.title }}</h1>
91-
{{ content }}
92-
</div>
93-
</div>
24+
{{ content }}
9425
</div>
9526
<script>
9627
// Find headers with IDs and wrap their text in `<a href={{id}}></a>`

‎guides/_layouts/guide.html

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
layout: default
3+
---
4+
<h1 class="guide-header">{{ page.title }}</h1>
5+
{{ content }}

‎guides/_sass/reset.scss

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
/* http://meyerweb.com/eric/tools/css/reset/
2+
v2.0 | 20110126
3+
License: none (public domain)
4+
*/
5+
6+
html, body, div, span, applet, object, iframe,
7+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8+
a, abbr, acronym, address, big, cite, code,
9+
del, dfn, em, img, ins, kbd, q, s, samp,
10+
small, strike, strong, sub, sup, tt, var,
11+
b, u, i, center,
12+
dl, dt, dd, ol, ul, li,
13+
fieldset, form, label, legend,
14+
table, caption, tbody, tfoot, thead, tr, th, td,
15+
article, aside, canvas, details, embed,
16+
figure, figcaption, footer, header, hgroup,
17+
menu, nav, output, ruby, section, summary,
18+
time, mark, audio, video {
19+
margin: 0;
20+
padding: 0;
21+
border: 0;
22+
font-size: 100%;
23+
font: inherit;
24+
vertical-align: baseline;
25+
}
26+
/* HTML5 display-role reset for older browsers */
27+
article, aside, details, figcaption, figure,
28+
footer, header, hgroup, menu, nav, section {
29+
display: block;
30+
}
31+
body {
32+
line-height: 1;
33+
}
34+
ol, ul {
35+
list-style: none;
36+
}
37+
blockquote, q {
38+
quotes: none;
39+
}
40+
blockquote:before, blockquote:after,
41+
q:before, q:after {
42+
content: '';
43+
content: none;
44+
}
45+
table {
46+
border-collapse: collapse;
47+
border-spacing: 0;
48+
}

0 commit comments

Comments
 (0)