Skip to content

Commit db537d6

Browse files
victoriadrakevictoriadrake
committed
Update README
1 parent 0f2328e commit db537d6

File tree

4 files changed

+308
-2
lines changed

4 files changed

+308
-2
lines changed

‎LICENSE‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@
186186
same "printed page" as the copyright notice for easier
187187
identification within third-party archives.
188188

189-
Copyright 2017-2022 Victoria Drake
189+
Copyright 2017-2025 Victoria Drake
190190

191191
Licensed under the Apache License, Version 2.0 (the "License");
192192
you may not use this file except in compliance with the License.

‎README.md‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,13 @@ Focused on content and typography, the stylized index page is really just a list
2828

2929
## Quick start
3030

31+
Preview the theme by cloning this repository and running the example site.
32+
33+
```sh
34+
git clone https://github.com/victoriadrake/hugo-theme-sam.git themes/sam
35+
cd exampleSite && HUGO_THEME="hugo-theme-sam" hugo server --themesDir ../.. -v
36+
```
37+
3138
## Requirements
3239

3340
Requires the **extended** version of Hugo. You can find [installation instructions here](https://gohugo.io/getting-started/installing/) (latest version recommended). Here's a handy [Bash function for downloading a specific Hugo version](https://victoria.dev/blog/how-to-do-twice-as-much-with-half-the-keystrokes-using-.bashrc/#bash-function-for-downloading-extended-hugo).
@@ -252,7 +259,7 @@ Open source themes like this one would not be possible without some amazing **[c
252259
253260
## License
254261
255-
Copyright (C) 2018-2022 [Victoria Drake](https://victoria.dev/)
262+
Copyright (C) 2018-2025 [Victoria Drake](https://victoria.dev/)
256263
257264
Licensed under the [Apache License, Version 2.0](https://github.com/victoriadrake/hugo-theme-sam/blob/master/LICENSE) (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at [http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0).
258265

‎exampleSite/resources/_gen/assets/sass/style.sass_4d6f00452a35742ddbb489cb3703195e.content‎

Lines changed: 298 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,298 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
-webkit-box-sizing: border-box;
5+
box-sizing: border-box; }
6+
7+
html {
8+
background-color: #39424E;
9+
font-family: "Didact Gothic", "sans serif";
10+
font-size: 16px; }
11+
12+
body {
13+
font-size: 16px;
14+
font-family: "Didact Gothic", "sans serif";
15+
color: #fff;
16+
line-height: 2rem;
17+
letter-spacing: 1.5px;
18+
text-shadow: none;
19+
display: flex;
20+
flex-direction: column;
21+
justify-content: space-between;
22+
align-items: center;
23+
opacity: 1; }
24+
25+
header {
26+
padding: 6em 1em 1em 0; }
27+
@media screen and (max-width: 736px) {
28+
header {
29+
padding: 3em 0; } }
30+
h1, h2, h3 {
31+
margin-bottom: 0.5em;
32+
font-family: 'Didact Gothic', sans-serif;
33+
opacity: 0.6; }
34+
35+
li {
36+
opacity: 0.8; }
37+
li a {
38+
opacity: 0.9; }
39+
40+
ul {
41+
list-style-type: none; }
42+
43+
p {
44+
display: inline; }
45+
46+
a {
47+
color: #cccccc;
48+
text-decoration: none;
49+
border-bottom: 2px solid #cccccc;
50+
transition: 0.5s ease; }
51+
a:hover {
52+
color: #fff;
53+
font-style: none; }
54+
a:active {
55+
color: #cccccc; }
56+
57+
hr {
58+
margin: 1rem 0;
59+
background-color: transparent;
60+
width: 50%;
61+
border-style: solid;
62+
border-width: 1px;
63+
opacity: 0.3; }
64+
65+
nav {
66+
margin: 1em auto; }
67+
68+
.wrap {
69+
margin: 0 auto;
70+
width: 45%;
71+
max-width: 64em; }
72+
@media screen and (max-width: 736px) {
73+
.wrap {
74+
width: 90%; } }
75+
.tag-container {
76+
display: flex;
77+
flex-direction: row;
78+
justify-content: flex-start;
79+
align-items: center; }
80+
81+
.tag {
82+
background-color: transparent;
83+
position: relative;
84+
bottom: 0; }
85+
86+
.flex-container {
87+
display: flex;
88+
flex-direction: column;
89+
justify-content: center;
90+
align-items: flex-start; }
91+
92+
.bottom-menu {
93+
display: flex;
94+
flex-direction: column;
95+
justify-content: center;
96+
align-items: center;
97+
text-align: center; }
98+
99+
.footer {
100+
width: 100%;
101+
display: flex;
102+
justify-content: center;
103+
align-items: center;
104+
text-align: center;
105+
background-color: transparent;
106+
position: relative;
107+
bottom: 0;
108+
padding: 1rem;
109+
font-family: "Didact Gothic", "sans serif";
110+
font-size: 1rem;
111+
line-height: 1em;
112+
opacity: 0.8; }
113+
.footer a {
114+
border-bottom: none;
115+
display: contents; }
116+
117+
#splash {
118+
min-height: calc(100vh - 6em); }
119+
120+
.big-link {
121+
font-family: "Didact Gothic", "sans serif";
122+
font-size: 3rem;
123+
font-weight: 300;
124+
margin-bottom: 2rem;
125+
line-height: 1.5em; }
126+
127+
#title {
128+
margin-top: 3rem;
129+
font-family: "Didact Gothic", "sans serif";
130+
font-size: 2rem;
131+
line-height: 3rem;
132+
margin-bottom: 2rem; }
133+
134+
article {
135+
width: 100%;
136+
line-height: 2em;
137+
letter-spacing: 2px; }
138+
article div {
139+
width: 100%;
140+
height: 100%;
141+
margin-bottom: 1em; }
142+
article h1, article h2, article h3 {
143+
margin: 1em 0em;
144+
text-align: left; }
145+
article .anchor-link > a {
146+
border-bottom: none;
147+
color: #fff; }
148+
article .anchor-link > a:hover > .pilcrow {
149+
display: inline; }
150+
article span.pilcrow {
151+
display: none; }
152+
article p {
153+
display: block;
154+
margin-bottom: 1em;
155+
line-height: 1.6;
156+
letter-spacing: 1.5px; }
157+
article .highlight {
158+
width: 100%; }
159+
article pre {
160+
line-height: 2rem;
161+
border-radius: 3px;
162+
padding: 1rem;
163+
overflow-x: auto;
164+
background-color: #000004;
165+
width: 100%;
166+
margin-bottom: 1em; }
167+
article pre > code {
168+
border: none; }
169+
article code {
170+
font-size: 0.9rem;
171+
font-family: 'Source Code Pro', monospace;
172+
padding: 0.1rem;
173+
border-radius: 3px;
174+
border: 1px solid #cccccc; }
175+
article img {
176+
width: 100%;
177+
max-width: 100%;
178+
display: block;
179+
margin: 2rem auto;
180+
opacity: 1; }
181+
article blockquote {
182+
background-color: #cccccc;
183+
color: #39424E;
184+
padding: 2rem;
185+
margin: 2rem 1rem 2rem 1rem;
186+
border-radius: 3px; }
187+
article blockquote a {
188+
color: #111; }
189+
article blockquote ul {
190+
margin-top: 1rem; }
191+
article blockquote li {
192+
list-style: disc; }
193+
article table {
194+
width: 100%;
195+
border-collapse: collapse;
196+
margin: 1rem 0;
197+
overflow-x: auto; }
198+
article table th {
199+
font-size: 0.9rem; }
200+
article table td, article table th {
201+
padding: 2px 5px;
202+
text-align: center;
203+
border: 1px solid #cccccc; }
204+
article li {
205+
line-height: 2;
206+
padding-left: 0.4rem; }
207+
article li:last-child {
208+
margin-bottom: 1rem; }
209+
article ul {
210+
list-style: disc outside;
211+
padding-left: 2rem; }
212+
article ol {
213+
list-style: decimal outside;
214+
padding-left: 2rem; }
215+
article .gist {
216+
max-width: 100%; }
217+
article .gist td, article .gist th {
218+
text-align: left;
219+
border: 0; }
220+
article .gist .gist-meta {
221+
background-color: transparent;
222+
color: #fff; }
223+
article .gist .gist-meta a {
224+
color: #fff; }
225+
226+
.tag {
227+
padding: 0.25em 0em;
228+
margin-right: 0.5em;
229+
opacity: 0.6; }
230+
231+
.grid {
232+
margin: 1em auto;
233+
display: grid;
234+
grid-gap: 20px;
235+
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
236+
grid-auto-rows: 400px; }
237+
@media screen and (max-width: 736px) {
238+
.grid {
239+
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } }
240+
.grid.keep-aspect-ratio {
241+
grid-auto-rows: auto;
242+
place-items: start; }
243+
244+
.grid > div {
245+
background-color: transparent;
246+
overflow: hidden; }
247+
248+
.grid > div > img {
249+
height: 100%;
250+
width: 100%;
251+
object-fit: cover;
252+
opacity: 1; }
253+
254+
.grid > div > a {
255+
border-bottom: none; }
256+
257+
.grid > div > a > img {
258+
height: 100%;
259+
width: 100%;
260+
object-fit: cover;
261+
opacity: 1; }
262+
263+
.video {
264+
position: fixed;
265+
z-index: -1; }
266+
267+
#overlay {
268+
position: fixed;
269+
height: 100%;
270+
width: 100%;
271+
top: 0;
272+
left: 0;
273+
background: rgba(0, 0, 0, 0.4);
274+
z-index: -1; }
275+
276+
@media (min-aspect-ratio: 16/9) {
277+
.video {
278+
width: 100%;
279+
height: auto; } }
280+
281+
@media (max-aspect-ratio: 16/9) {
282+
.video {
283+
width: auto;
284+
height: 100%; } }
285+
286+
.go-left {
287+
justify-content: flex-start;
288+
align-items: flex-start; }
289+
290+
.go-right {
291+
justify-content: flex-end;
292+
align-items: flex-end; }
293+
294+
.go-center {
295+
justify-content: center;
296+
align-items: center; }
297+
298+
/*# sourceMappingURL=main.css.map */

‎exampleSite/resources/_gen/assets/sass/style.sass_4d6f00452a35742ddbb489cb3703195e.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"Target":"css/main.css","MediaType":"text/css","Data":{}}

0 commit comments

Comments
 (0)