Skip to content

Commit 129ab05

Browse files
author
peer-open-source
committed
cmp
1 parent d18030e commit 129ab05

22 files changed

+1782
-0
lines changed

source/_static/css/custom.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
wy-nav-content {
2+
max-width: none;
3+
}
4+
5+
6+
.math {
7+
text-align: left;
8+
}
9+
10+
.eqno {
11+
float: right;
12+
}
13+
14+
td {
15+
white-space: normal !important;
16+
}
17+

source/_static/css/external.css

Lines changed: 37 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
.content-padding {
2+
display: flex;
3+
justify-content: center;
4+
padding: 75px 15px 125px 15px;
5+
}
6+
7+
.content-container {
8+
max-width: 850px;
9+
margin: 0 30px;
10+
overflow: hidden;
11+
}
12+
13+
.content-container ul {
14+
list-style-type: circle;
15+
padding: 10px;
16+
margin-left: 15px;
17+
}
18+
19+
.content-container ol {
20+
padding: 10px;
21+
margin-left: 15px;
22+
}
23+
24+
.content-container .divider {
25+
height: 3px;
26+
border-radius: 50px;
27+
background: var(--colorPrimaryDark);
28+
width: 60px;
29+
&.is-centered {
30+
margin: 0 auto;
31+
}
32+
}
33+
34+
.content-container h1,
35+
h2,
36+
h3,
37+
h4,
38+
h5,
39+
h6 {
40+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
41+
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
42+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
43+
font-weight: bold;
44+
text-transform: uppercase;
45+
color: var(--colorHeading);
46+
}
47+
48+
.content-container h1 {
49+
font-size: 2em;
50+
letter-spacing: 1.5px;
51+
}
52+
53+
.content-container h2 {
54+
font-size: 1.4em;
55+
letter-spacing: 1.3px;
56+
margin-top: 30px;
57+
}
58+
59+
.content-container h3 {
60+
font-size: 1.2em;
61+
letter-spacing: 1.3px;
62+
margin-top: 25px;
63+
}
64+
65+
.content-container h4 {
66+
font-size: 1.1em;
67+
letter-spacing: 1.2px;
68+
margin-top: 23px;
69+
}
70+
71+
.content-container h5 {
72+
font-size: 1em;
73+
letter-spacing: 1.1px;
74+
margin-top: 22px;
75+
}
76+
77+
.content-container h6 {
78+
font-size: 0.9em;
79+
letter-spacing: 1px;
80+
margin-top: 21px;
81+
}
82+
83+
/* Override bulma .label font-weight, which otherwise impacts on g.label used by mermaid */
84+
g.label {
85+
font-weight: normal;
86+
}
Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
.panel {
2+
margin: 15px 0;
3+
}
4+
5+
.panel .container {
6+
display: flex;
7+
flex-direction: column;
8+
}
9+
10+
.panel-box-container {
11+
display: flex;
12+
flex-wrap: wrap;
13+
justify-content: center;
14+
}
15+
16+
.panel-box-content {
17+
height: 140px;
18+
min-width: 275px;
19+
width: 335px;
20+
margin: 25px 15px 25px 15px;
21+
border-radius: 3px;
22+
}
23+
24+
.panel-box-text > a {
25+
color: var(--colorPrimary);
26+
}
27+
28+
.panel-box-text {
29+
margin: 15px;
30+
font-size: 14px;
31+
height: 4em;
32+
overflow: hidden;
33+
padding-top: 10px;
34+
}
35+
36+
.panel-box-text:after {
37+
content: "";
38+
text-align: right;
39+
position: absolute;
40+
bottom: 30px;
41+
right: 0;
42+
width: 70%;
43+
height: 1.2em;
44+
}
45+
46+
.panel-box-action {
47+
text-align: center;
48+
font-weight: bold;
49+
padding-top: 1em;
50+
}
51+
52+
.panel-box-content:hover > .panel-box-text,
53+
.panel-box-content:focus > .panel-box-text,
54+
.panel-box-content:active > .panel-box-text {
55+
color: var(--colorSecondaryDark);
56+
}
57+
58+
@media only screen and (max-width: 1280px) {
59+
.panel .container {
60+
align-items: center;
61+
justify-content: center;
62+
}
63+
64+
.panel-box-container {
65+
justify-content: center;
66+
}
67+
}
68+
69+
@media only screen and (max-width: 1090px) {
70+
.panel .container {
71+
margin: 0 6vw;
72+
}
73+
}
74+
75+
@media only screen and (max-width: 425px) {
76+
.panel .container {
77+
align-items: center;
78+
justify-content: center;
79+
margin: 0 10%;
80+
}
81+
}
82+
83+
.panel-underline {
84+
display: inline-block;
85+
vertical-align: middle;
86+
-webkit-transform: perspective(1px) translateZ(0);
87+
transform: perspective(1px) translateZ(0);
88+
/* Black, with 10% opacity */
89+
box-shadow: 0px 8px 15px var(--colorShadow);
90+
position: relative;
91+
overflow: hidden;
92+
}
93+
94+
.panel-underline:before {
95+
content: "";
96+
position: absolute;
97+
z-index: -1;
98+
left: 0;
99+
right: 100%;
100+
bottom: 0;
101+
background: #013243;
102+
height: 4px;
103+
-webkit-transition-property: right;
104+
transition-property: right;
105+
-webkit-transition-duration: 0.3s;
106+
transition-duration: 0.3s;
107+
-webkit-transition-timing-function: ease-out;
108+
transition-timing-function: ease-out;
109+
}
110+
111+
.panel-underline:hover:before,
112+
.panel-underline:focus:before,
113+
.panel-underline:active:before {
114+
right: 0;
115+
}
116+
117+
.panel-button {
118+
border: 2px solid var(--colorPrimary);
119+
background-color: var(--colorLight);
120+
color: var(--colorPrimary);
121+
font-size: 16px;
122+
cursor: pointer;
123+
padding-bottom: calc(0.5em - 1px);
124+
padding-left: 1em;
125+
padding-right: 1em;
126+
padding-top: calc(0.5em - 1px);
127+
}
128+
129+
.panel-box-action a:hover {
130+
outline: none;
131+
border-color: var(--colorPrimary);
132+
background-color: var(--colorPrimary);
133+
color: var(--colorSecondaryLight);
134+
cursor: pointer;
135+
padding-bottom: calc(0.5em - 1px);
136+
padding-left: 1em;
137+
padding-right: 1em;
138+
padding-top: calc(0.5em - 1px);
139+
text-decoration: none;
140+
}
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
.post-list article {
2+
padding-top: 1.5rem;
3+
padding-bottom: 1.5rem;
4+
}
5+
6+
.post-list .post-title {
7+
font-size: 1.25rem;
8+
text-transform: uppercase;
9+
letter-spacing: 1.5px;
10+
font-weight: bold;
11+
padding-bottom: 0.5rem;
12+
}
13+
14+
.post-author {
15+
color: var(--colorSecondaryDark);
16+
display: inline;
17+
}
18+
19+
.post-author:not(:first-child):before {
20+
content: ", ";
21+
}
22+
23+
.post-list .post-date {
24+
color: var(--colorSecondaryDark);
25+
}
26+
27+
.post-list .post-summary {
28+
padding-top: 0.5rem;
29+
}
Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
.shortcuts-container {
2+
position: sticky;
3+
align-self: flex-start;
4+
top: 6rem;
5+
width: 100%;
6+
max-width: 150px;
7+
margin: 75px 15px;
8+
}
9+
10+
.shortcuts-title {
11+
font-size: 1.1rem;
12+
opacity: 0.75;
13+
}
14+
15+
.shortcuts-title img {
16+
padding-right: 0.75rem;
17+
opacity: 0.5;
18+
vertical-align: middle;
19+
}
20+
21+
#shortcuts {
22+
margin-top: 10px;
23+
}
24+
25+
#shortcuts > div:not(.active) {
26+
margin-left: 2px;
27+
border-left: 1px solid var(--colorPrimaryDark);
28+
opacity: 0.75;
29+
}
30+
31+
#shortcuts > div.active {
32+
font-weight: bold;
33+
color: var(--colorPrimaryDark);
34+
border-left: 5px solid var(--colorPrimaryDark);
35+
}
36+
37+
.shortcuts-H2 {
38+
padding: 5px 5px 0 15px;
39+
font-size: 15px;
40+
cursor: pointer;
41+
}
42+
43+
.shortcuts-H3 {
44+
padding: 5px 5px 0 25px;
45+
font-size: 14px;
46+
cursor: pointer;
47+
}
48+
49+
.shortcuts-H4 {
50+
padding: 5px 5px 0 35px;
51+
font-size: 12px;
52+
cursor: pointer;
53+
}
54+
55+
@media only screen and (max-width: 1090px) {
56+
.shortcuts-container {
57+
display: none;
58+
}
59+
}
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
table td:not(:last-child),
2+
table th {
3+
padding-bottom: 0.25rem;
4+
}
5+
6+
table td:not:first-child,
7+
table th:not:first-child {
8+
padding-left: 0.5rem;
9+
}
10+
11+
table td:not(:last-child),
12+
table th:not(:last-child) {
13+
padding-right: 0.5rem;
14+
}
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
.team {
2+
padding-bottom: 2rem;
3+
}
4+
5+
.team .members {
6+
display: flex;
7+
flex-wrap: wrap;
8+
}
9+
10+
.team .member {
11+
width: 11rem;
12+
display: flex;
13+
flex-direction: column;
14+
padding-right: 1.25rem;
15+
padding-top: 1.25rem;
16+
padding-bottom: 1.25rem;
17+
text-align: center;
18+
vertical-align: top;
19+
}
20+
21+
.team .member .photo img {
22+
width: 60px;
23+
border-radius: 50%;
24+
margin-bottom: 0.5rem;
25+
}
26+
27+
.team .member .name {
28+
font-weight: bold;
29+
}

0 commit comments

Comments
 (0)