ada's website part

master
ada 6 months ago
parent 012936d327
commit 46d22b19f5

@ -1,24 +0,0 @@
<DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Nav bar -->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Graduates</a></li>
<li><a href="">Special Issues</a></li>
</ul>
</nav>
<div id="content"><h1 id="title" &lt?water bodies&gt </h1>
<h3 id="thesis-description">Thesis Description</h3>
<p>This is where your thesis goes</p>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 355 KiB

@ -0,0 +1 @@
Subproject commit 829dbb26e8e1e8120435a25b1c1cd71769edd716

@ -1,4 +1,4 @@
/* @import url('https://pad.xpub.nl/p/sixx-print-css/export/txt') */ /* @import url('https://pad.xpub.nl/p/sixx-print-css/export/txt'); */
@import "images.css"; /* Using a string */ @import "images.css"; /* Using a string */
:root { :root {
@ -7,25 +7,19 @@
--baseline: 4mm; --baseline: 4mm;
--margin-left: 10mm; --margin-left: 10mm;
} }
@font-face { @font-face {
font-family: 'Platypi'; font-family: 'Platypi';
src: url('../fonts/webfonts/Platypi-Regular.woff2'); src: url('../fonts/webfonts/Platypi-Regular.woff2');
font-weight: normal; font-weight: normal;
} }
@font-face { @font-face {
font-family: 'Platypi'; font-family: 'Platypi';
src: url('../fonts/webfonts/Platypi-Italic.woff2'); src: url('../fonts/webfonts/Platypi-Italic.woff2');
font-weight: bold; font-weight: italic;
}
@note-area {
float: bottom;
float-reference: page;
width: 100½;
max-height 80%;
}
notes{
position: note(sidenotes);
} }
@media print { @media print {
@page { @page {
size: 130mm 180mm; size: 130mm 180mm;
@ -42,10 +36,12 @@ notes{
text-align: left; text-align: left;
font-size: 7pt; font-size: 7pt;
} }
@left-top { @left-top {
content: element(sidenote, all-once); content: element(sidenote, all-once);
padding: 5mm; padding: 5mm;
} }
@note-area { @note-area {
content: element(sidenotes, all-once); content: element(sidenotes, all-once);
float: top right; float: top right;
@ -54,6 +50,7 @@ notes{
margin-right: -30mm; margin-right: -30mm;
} }
} }
@page:left { @page:left {
/* bleed: 3mm 0 3mm 3mm; */ /* bleed: 3mm 0 3mm 3mm; */
@bottom-left { @bottom-left {
@ -81,15 +78,18 @@ notes{
} }
} }
} }
a { a {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
.sidenote { .sidenote {
position: note(sidenote); position: note(sidenote);
margin-bottom: 10px; margin-bottom: 10px;
text-align: left; text-align: left;
} }
.margin-note { .margin-note {
font-size: 7pt; font-size: 7pt;
line-height: 3mm; line-height: 3mm;
@ -97,11 +97,13 @@ a{
width: 35mm; width: 35mm;
display: inline-block; display: inline-block;
} }
.code pre { .code pre {
font-size: 0.8em; font-size: 0.8em;
line-height: 1.1; line-height: 1.1;
white-space: pre-wrap; white-space: pre-wrap;
} }
#contenteo { #contenteo {
font-family: 'Platypi-Regular', 'platypi'; font-family: 'Platypi-Regular', 'platypi';
line-height: 1.3; line-height: 1.3;
@ -109,21 +111,25 @@ a{
letter-spacing: -0.1px; letter-spacing: -0.1px;
line-height: var(--baseline); line-height: var(--baseline);
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-size: 1.2em; font-size: 1.2em;
line-height: 1; line-height: 1;
string-set: title content(text); string-set: title content(text);
} }
h1 { h1 {
font-size: 1.8rem; font-size: 1.8rem;
break-after: page; break-after: page;
/* margin: 0; */ /* margin: 0; */
/* padding: 0; */ /* padding: 0; */
} }
h1#colophon { h1#colophon {
break-after: unset; break-after: unset;
margin-bottom: 25mm; margin-bottom: 25mm;
} }
h6 { h6 {
font-size: 3rem; font-size: 3rem;
break-before: right; break-before: right;
@ -135,33 +141,44 @@ h6{
padding: 86mm 10mm 0; */ padding: 86mm 10mm 0; */
text-align: center; text-align: center;
} }
ol, ul{padding: 0;}
ol, ul {
padding: 0;
}
.page-break { .page-break {
break-after: page; break-after: page;
} }
section { section {
break-after: page; break-after: page;
} }
.section { .section {
break-before: left; break-before: left;
page: section; page: section;
} }
::selection { ::selection {
background-color: var(--spot-color-1); background-color: var(--spot-color-1);
color: #ccc; color: #ccc;
} }
.toc { .toc {
break-before: right; break-before: right;
} }
.toc ul { .toc ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.toc-title { .toc-title {
break-before: none; break-before: none;
break-after: none; break-after: none;
} }
.toc-title a::after { .toc-title a::after {
content: target-counter(attr(href url), page); content: target-counter(attr(href url), page);
float: right; float: right;

BIN
reviews/.DS_Store vendored

Binary file not shown.
Loading…
Cancel
Save