Skip to content

Commit c7e2a61

Browse files
committed
Add a Print specific stylesheet
1 parent 589e46d commit c7e2a61

File tree

37 files changed

+530
-119
lines changed

37 files changed

+530
-119
lines changed

docs/about/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
5757
<body class="layout">
58-
<container>
58+
<container id="navigation">
5959
<div class="nav">
6060
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
6161
<label for="check" class="menu">
@@ -205,7 +205,7 @@ <h3 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
205205
</content>
206206

207207
</main>
208-
<footer class="footer d-flex flex-wrap flex-column mt-5">
208+
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
209209
<div class="container px-0 px-md-1">
210210
<div class="row">
211211
<div class="col-6 col-md-3 pt-3 pt-md-0">
@@ -339,6 +339,7 @@ <h3 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
339339

340340
gtag('config', 'G-XQCZPW3PZN');
341341
</script>
342+
<link media="print" href="/css/print.css" rel="stylesheet" />
342343
</footer>
343344

344345
</body>

docs/alfred/workflows/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
5757
<body class="layout">
58-
<container>
58+
<container id="navigation">
5959
<div class="nav">
6060
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
6161
<label for="check" class="menu">
@@ -168,7 +168,7 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
168168
</content>
169169

170170
</main>
171-
<footer class="footer d-flex flex-wrap flex-column mt-5">
171+
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
172172
<div class="container px-0 px-md-1">
173173
<div class="row">
174174
<div class="col-6 col-md-3 pt-3 pt-md-0">
@@ -302,6 +302,7 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
302302

303303
gtag('config', 'G-XQCZPW3PZN');
304304
</script>
305+
<link media="print" href="/css/print.css" rel="stylesheet" />
305306
</footer>
306307

307308
</body>

docs/apps/gamesandthings/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
5757
<body class="layout">
58-
<container>
58+
<container id="navigation">
5959
<div class="nav">
6060
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
6161
<label for="check" class="menu">
@@ -145,7 +145,7 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
145145
</content>
146146

147147
</main>
148-
<footer class="footer d-flex flex-wrap flex-column mt-5">
148+
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
149149
<div class="container px-0 px-md-1">
150150
<div class="row">
151151
<div class="col-6 col-md-3 pt-3 pt-md-0">
@@ -279,6 +279,7 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
279279

280280
gtag('config', 'G-XQCZPW3PZN');
281281
</script>
282+
<link media="print" href="/css/print.css" rel="stylesheet" />
282283
</footer>
283284

284285
</body>

docs/archives/archives/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
5757
<body class="layout">
58-
<container>
58+
<container id="navigation">
5959
<div class="nav">
6060
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
6161
<label for="check" class="menu">
@@ -142,7 +142,7 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
142142
</content>
143143

144144
</main>
145-
<footer class="footer d-flex flex-wrap flex-column mt-5">
145+
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
146146
<div class="container px-0 px-md-1">
147147
<div class="row">
148148
<div class="col-6 col-md-3 pt-3 pt-md-0">
@@ -276,6 +276,7 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
276276

277277
gtag('config', 'G-XQCZPW3PZN');
278278
</script>
279+
<link media="print" href="/css/print.css" rel="stylesheet" />
279280
</footer>
280281

281282
</body>

docs/archives/town-selectman/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
5757
<body class="layout">
58-
<container>
58+
<container id="navigation">
5959
<div class="nav">
6060
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
6161
<label for="check" class="menu">
@@ -285,7 +285,7 @@ <h2 class="mb-3">FAQ</h2>
285285
</content>
286286

287287
</main>
288-
<footer class="footer d-flex flex-wrap flex-column mt-5">
288+
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
289289
<div class="container px-0 px-md-1">
290290
<div class="row">
291291
<div class="col-6 col-md-3 pt-3 pt-md-0">
@@ -419,6 +419,7 @@ <h2 class="mb-3">FAQ</h2>
419419

420420
gtag('config', 'G-XQCZPW3PZN');
421421
</script>
422+
<link media="print" href="/css/print.css" rel="stylesheet" />
422423
</footer>
423424

424425
</body>

docs/connect/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
5757
<body class="layout">
58-
<container>
58+
<container id="navigation">
5959
<div class="nav">
6060
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
6161
<label for="check" class="menu">
@@ -161,7 +161,7 @@ <h1 class="display-1 fw-bold text-break">connect</h1>
161161
</content>
162162

163163
</main>
164-
<footer class="footer d-flex flex-wrap flex-column mt-5">
164+
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
165165
<div class="container px-0 px-md-1">
166166
<div class="row">
167167
<div class="col-6 col-md-3 pt-3 pt-md-0">
@@ -295,6 +295,7 @@ <h1 class="display-1 fw-bold text-break">connect</h1>
295295

296296
gtag('config', 'G-XQCZPW3PZN');
297297
</script>
298+
<link media="print" href="/css/print.css" rel="stylesheet" />
298299
</footer>
299300

300301
</body>

docs/css/print.css

Lines changed: 204 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,204 @@
1+
/**
2+
** Print stylesheet for Resume
3+
** Copyright 2008-2024 Adam J. Jolicoeur
4+
** https://www.adamjolicoeur.com
5+
**/
6+
body {
7+
font: 12pt "Times New Roman", Times, serif;
8+
line-height: 1.3;
9+
background: #fff !important;
10+
color: #000;
11+
}
12+
13+
header,
14+
footer,
15+
aside,
16+
nav,
17+
form,
18+
iframe,
19+
.menu,
20+
.hero,
21+
.adslot {
22+
display: none;
23+
}
24+
25+
#navigation,
26+
#footer {
27+
display: none !important;
28+
}
29+
30+
main,
31+
content {
32+
display: block !important;
33+
max-width: 8.5in !important;
34+
width: 100%;
35+
margin: 0;
36+
float: none;
37+
}
38+
39+
.row {
40+
display: block !important;
41+
}
42+
43+
.col-md-6 {
44+
width: 100% !important;
45+
}
46+
47+
.mt-4, .mt-3, .mt-2 {
48+
margin-top: 2pt !important;
49+
}
50+
51+
.mb-4, .mb-3, .mb-2 {
52+
margin-bottom: 2pt !important;
53+
}
54+
55+
.my-4, .my-3, .my-2 {
56+
margin-top: 0 !important;
57+
margin-bottom: 0 !important;
58+
}
59+
60+
.py-4, .py-3, .py-2 {
61+
padding-top: 0 !important;
62+
padding-bottom: 0 !important;
63+
}
64+
65+
.pb-4, .pb-3, .pb-2 {
66+
padding-bottom: 2pt !important;
67+
}
68+
69+
* {
70+
background-image: none !important;
71+
}
72+
73+
img,
74+
svg {
75+
display: none !important;
76+
}
77+
78+
table,
79+
img,
80+
svg {
81+
break-inside: avoid;
82+
}
83+
84+
.text-bg-light {
85+
background-color: transparent !important;
86+
}
87+
88+
.row-badges {
89+
display: none !important;
90+
}
91+
92+
.hide-on-print {
93+
display: none !important;
94+
}
95+
96+
.print {
97+
display: block !important;
98+
}
99+
100+
h1,
101+
.h1 {
102+
font-size: 22pt;
103+
break-before: always;
104+
}
105+
106+
h2,
107+
.h2 {
108+
font-size: 19pt;
109+
margin-top: 16px;
110+
margin-bottom: 8px;
111+
}
112+
113+
h3,
114+
.h3 {
115+
font-size: 17pt;
116+
margin-top: 16px;
117+
margin-bottom: 8px;
118+
}
119+
120+
h4,
121+
.h4 {
122+
font-size: 14pt;
123+
margin-top: 16px;
124+
margin-bottom: 8px;
125+
}
126+
127+
h5,
128+
.h5 {
129+
font-size: 12pt;
130+
margin-top: 16px;
131+
margin-bottom: 8px;
132+
}
133+
134+
p,
135+
.paragraph {
136+
font-size: 12pt;
137+
margin-bottom: 8px;
138+
}
139+
140+
/* Defining all page breaks */
141+
a {
142+
page-break-inside: avoid;
143+
}
144+
145+
blockquote {
146+
page-break-inside: avoid;
147+
}
148+
149+
h1,
150+
h2,
151+
h3,
152+
h4,
153+
h5,
154+
h6 {
155+
page-break-after: avoid;
156+
page-break-inside: avoid;
157+
}
158+
159+
img {
160+
page-break-inside: avoid;
161+
page-break-after: avoid;
162+
}
163+
164+
table,
165+
pre {
166+
page-break-inside: avoid;
167+
}
168+
169+
ul,
170+
ol,
171+
dl {
172+
page-break-before: avoid;
173+
}
174+
175+
/* Displaying link color and link behaviour */
176+
a:link,
177+
a:visited,
178+
a {
179+
background: transparent;
180+
color: #520;
181+
font-weight: bold;
182+
text-decoration: underline;
183+
text-align: left;
184+
}
185+
186+
a {
187+
page-break-inside: avoid;
188+
}
189+
190+
a[href^=http]:after {
191+
content: " < " attr(href) "> ";
192+
}
193+
194+
a:after > img {
195+
content: "";
196+
}
197+
198+
article a[href^="#"]:after {
199+
content: "";
200+
}
201+
202+
a:not(:local-link):after {
203+
content: " < " attr(href) "> ";
204+
}

0 commit comments

Comments
 (0)