Skip to content

Commit 9317964

Browse files
syrusakbarysyrusakbary
committed
Updated website with better design and docs isolation.
1 parent 60ba59b commit 9317964

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+1662
-1872
lines changed

‎.gitignore

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
node_modules/
2-
public/
2+
public/*
33
.gatsby-context.js
44

55
/playground/graphene-js/pypyjs-release-nojit/
66
/static/playground
7+
8+
*.pyc

‎config.toml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
siteTitle = "Graphene"
22
ga = "UA-12613282-7"
33

4-
linkPrefix = ""
4+
linkPrefix = "http://graphene-python.org"
55
baseColor = "#884499"
66

77
[docs.quickstart]

‎css/bm.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222

2323
/* Background color of sidebar */
2424
.bm-menu {
25-
background: #3c3c3c;
25+
background: #2b2d33;
2626
box-shadow: -1px 0 5px rgba(0,0,0,.15);
2727
}
2828

‎css/docs.styl

+155
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
@import 'pygments'
2+
3+
.document {
4+
@extend $wrapper
5+
clearfix()
6+
}
7+
.documentation-page {
8+
min-height: 100%;
9+
height: 100%;
10+
background: #F9F9F9;
11+
}
12+
.sphinxsidebar {
13+
column(2/9);
14+
float left
15+
padding-top 40px
16+
+below(600px) {
17+
column(1)
18+
}
19+
.sphinxsidebarwrapper > div {
20+
margin-top 24px
21+
}
22+
li {
23+
padding 6px 0
24+
}
25+
ul {
26+
list-style: none;
27+
margin 0
28+
padding 0
29+
> li {
30+
font-size 15px
31+
color #E35B4C;
32+
letter-spacing .2px
33+
// > a {
34+
// color: #E35B4C;
35+
// }
36+
> ul {
37+
margin-top 10px
38+
border-left: 2px solid #999;
39+
padding-left 16px
40+
> li {
41+
font-size 14px
42+
font-weight 400
43+
color: #343434;
44+
// a {
45+
// color: #343434;
46+
// }
47+
}
48+
}
49+
}
50+
}
51+
.toctree-l1>a {
52+
font-weight 400
53+
}
54+
.sphinxsidebarwrapper li.current {
55+
> a {
56+
color: #E35B4C;
57+
font-weight 500
58+
}
59+
a:hover {
60+
color: #E35B4C;
61+
}
62+
> ul {
63+
border-left: 2px solid #E35B4C;
64+
}
65+
}
66+
a {
67+
color: #343434;
68+
}
69+
h3 {
70+
text-transform uppercase
71+
font-size 12px
72+
font-weight 400
73+
text-shadow 0 1px white
74+
color #999
75+
a {
76+
color #999
77+
text-shadow 0 1px white
78+
}
79+
}
80+
}
81+
.documentwrapper {
82+
column(7/9);
83+
float right
84+
+below(600px) {
85+
column(1)
86+
}
87+
background: #FFFFFF;
88+
padding 32px
89+
box-sizing border-box
90+
border-radius: 0 0 2px 2px;
91+
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
92+
h1, h2, h3, h4, h5, h6 {
93+
// color #E35B4C;
94+
color #555
95+
margin-top 1.5em
96+
&:hover .headerlink {
97+
opacity: 1;
98+
&:hover {
99+
color: #E35B4C;
100+
}
101+
}
102+
.headerlink {
103+
transition: all .15s ease-in-out;
104+
opacity 0;
105+
margin-left: 5px;
106+
color #DDD;
107+
}
108+
}
109+
h1{
110+
font-size 28px
111+
}
112+
h2 {
113+
font-size 21px
114+
}
115+
h3 {
116+
font-size 18px
117+
}
118+
h4 {
119+
font-size 16px
120+
}
121+
122+
h1 {
123+
// color #E35B4C;
124+
// color #555
125+
margin-top 12px
126+
border-bottom: 1px solid rgba(0,0,0,.05)
127+
margin-bottom 36px
128+
}
129+
130+
}
131+
.code {
132+
margin: 0 -32px;
133+
padding: 8px 32px;
134+
box-sizing border-box
135+
font-size 14px
136+
background: #f5f5f5;
137+
}
138+
.go-buttons {
139+
border-top: 1px solid rgba(0,0,0,.05)
140+
padding-top 12px
141+
margin-top 24px
142+
}
143+
.go-previous, .go-next {
144+
border: 1px solid #E55D4C;
145+
margin-top: 10px;
146+
float: left;
147+
border-radius: 2px;
148+
font-size: 14px;
149+
padding: 6px 12px;
150+
color: #E35B4C;
151+
line-height: 19px;
152+
}
153+
.go-next {
154+
float: right
155+
}

0 commit comments

Comments
 (0)