Skip to content

Commit 26833c1

Browse files
committed
update headers
1 parent fc79b3b commit 26833c1

File tree

5 files changed

+270
-179
lines changed

5 files changed

+270
-179
lines changed

layouts/_default/baseof.html

Lines changed: 167 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -31,50 +31,185 @@
3131
<meta name="twitter:description" content="{{ .Description }}">
3232
<meta name="twitter:image" content="{{ .Site.BaseURL }}/img/og.png">
3333

34-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
35-
<link rel=stylesheet href="{{ .Site.BaseURL }}/css/github.css?v=9">
36-
<link rel=stylesheet href="{{ .Site.BaseURL }}/css/style.css?v=9">
37-
<meta name="theme-color" content="#20558a" />
34+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
35+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
36+
37+
<meta name="theme-color" content="#6ca09e" />
38+
39+
<style>
40+
/* GitHub-style blockquote */
41+
42+
article blockquote p {
43+
background-color: #f6f8fa;
44+
border-left: 5px solid #ddd;
45+
padding: 1em;
46+
}
47+
48+
/* GitHub-style tables */
49+
50+
table {
51+
margin-top: 2em;
52+
margin-bottom: 2em;
53+
}
54+
55+
td {
56+
border: 1px solid #dfe2e5;
57+
padding: 0.4em;
58+
}
59+
60+
th {
61+
background-color: #f6f8fa;
62+
border: 1px solid #dfe2e5;
63+
font-weight: 600;
64+
padding: 0.4em;
65+
text-align: center;
66+
}
67+
68+
69+
/* GitHub-style H1 */
70+
71+
h1 {
72+
font-size: 2em;
73+
border-bottom: 1px solid #eaecef;
74+
padding-bottom: 0.2em;
75+
margin-top: 2em;
76+
}
77+
78+
h1 a,
79+
h1 a code {
80+
color: black !important;
81+
text-decoration: none;
82+
}
83+
84+
h1 a:hover {
85+
color: black;
86+
text-decoration: underline;
87+
}
88+
89+
/* GitHub-style H2 */
90+
91+
h2 {
92+
font-size: 1.7em;
93+
border-bottom: 1px solid #eaecef;
94+
padding-bottom: 0.2em;
95+
margin-top: 1.5em;
96+
}
97+
98+
h2 a,
99+
h2 a code {
100+
color: black !important;
101+
text-decoration: none;
102+
}
103+
104+
h2 a:hover {
105+
color: black;
106+
text-decoration: underline;
107+
}
108+
109+
/* GitHub-style H3 */
110+
111+
h3 {
112+
font-size: 1.3em;
113+
padding-bottom: 0.2em;
114+
margin-top: 1.5em;
115+
}
116+
117+
h3 a,
118+
h3 a code {
119+
color: black !important;
120+
text-decoration: none;
121+
}
122+
123+
h3 a:hover {
124+
color: black;
125+
text-decoration: underline;
126+
}
127+
128+
/* GitHub-style H4 */
129+
130+
h4 {
131+
font-size: 1.2em;
132+
padding-bottom: 0.2em;
133+
margin-top: 1.5em;
134+
}
135+
136+
h4 a,
137+
h4 a code {
138+
color: black !important;
139+
text-decoration: none;
140+
}
141+
142+
h4 a:hover {
143+
color: black;
144+
text-decoration: underline;
145+
}
146+
147+
148+
/* style all heading levels */
149+
h1 {
150+
color: black !important;
151+
}
152+
153+
/* custom */
154+
a {
155+
text-decoration: none;
156+
}
157+
158+
a:hover {
159+
text-decoration: underline;
160+
}
161+
162+
pre {
163+
padding: .5em;
164+
}
165+
166+
code {
167+
background: #EEEEEE;
168+
padding: 0em .25em;
169+
}
170+
171+
.limit-width {
172+
max-width: 1000px;
173+
}
174+
</style>
38175

39176
</head>
40177

41-
<body class="m-0 p-0">
178+
<body class="m-0 p-0 bg-light">
42179

43-
<header class="text-light" style="background-color: #144474">
180+
<header>
44181
<div class="container limit-width py-3">
45182
<div class="d-flex align-items-center">
46-
<img src="/patch/img/favicon-transparent-darkbg.svg" width="80" height="80">
183+
<a href="/patch/">
184+
<img src="/patch/img/logo-only-dark-bg.svg" height="75">
185+
</a>
47186
<div class="ms-3">
48-
<div class="fs-1 fw-semibold"><a href='/patch/' class="text-light">The Patch Guide</a></div>
187+
<div class="fs-1 fw-semibold"><a href='/patch/' class="text-dark">The Patch Guide</a></div>
49188
<div class="fs-5 fw-light">A Student's Guide to Patch-Clamp Electrophysiology</div>
50189
</div>
51190
</div>
52191
</div>
53192
</header>
54193

55-
{{ if not .IsHome }}
56-
<div class="container limit-width py-3">
57-
<div class="border rounded bg-light px-3 py-2 mt-3">
58-
<div class="fs-3 fw-semibold">{{ $.Title }}</div>
59-
<div class="fs-5">{{ .Param "description" }}</div>
60-
</div>
194+
<div class="container limit-width pb-5 px-0">
195+
<article class="my-4 border rounded bg-white shadow px-3">
196+
197+
{{ if not .IsHome }}
198+
<div class=" my-3 pb-3 mb-4 text-center border-bottom">
199+
<div class="fs-1 fw-semibold">{{ $.Title }}</div>
200+
<div class="fs-5">{{ .Param "description" }}</div>
201+
</div>
202+
{{ end }}
203+
204+
{{ block "main" . }}
205+
{{ end }}
206+
207+
</article>
61208
</div>
62-
{{ end }}
63-
64-
<main class="bg-white">
65-
<div class="container limit-width pb-5">
66-
<article class="my-4">
67-
{{ block "main" . }}
68-
{{ end }}
69-
</article>
70-
</div>
71-
</main>
72209

73210
<footer class="pb-5">
74211
<div class="container limit-width">
75212

76-
<hr class="mb-4" />
77-
78213
{{ if .NextInSection }}
79214
<div>
80215
Next Article:
@@ -92,28 +227,18 @@
92227
</div>
93228
{{ end }}
94229

95-
<div>
96-
Copyright © {{ now.Format "2006" }}
97-
<a href='https://swharden.com/about'>Scott W Harden</a>
98-
</div>
99-
100-
<div>
101-
Built {{ time now | time.Format ":date_long" }}
102-
at {{ time now "America/New_York" | time.Format ":time_short" }}
103-
with <a href='https://gohugo.io/'>Hugo {{ .Site.Hugo.Version }}</a>
104-
</div>
105-
106230
<div>
107231
<a href="https://github.com/swharden/patch">
108232
Edit this page
109-
</a> on GitHub
233+
</a>
110234
</div>
111235

236+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
237+
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
238+
crossorigin="anonymous"></script>
239+
112240
</footer>
113241

114-
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
115-
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
116-
crossorigin="anonymous"></script>
117242
</body>
118243

119-
</html>
244+
</html>

layouts/_default/home.html

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
{{ define "main" }}
22

3-
<hr style="opacity: 0;" />
4-
53
{{ range $sectionPage := .Site.Sections }}
64

75
<div class="fs-4 lh-1 pt-3">{{$sectionPage.Title}}</div>

static/css/github.css

Lines changed: 0 additions & 115 deletions
This file was deleted.

static/css/style.css

Lines changed: 0 additions & 20 deletions
This file was deleted.

0 commit comments

Comments
 (0)