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,33 +1,27 @@
/* @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 {
/* --spot-color-1: #53018e; */ /* --spot-color-1: #53018e; */
--spot-color-1: #000; --spot-color-1: #000;
--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{
@page{ @media print {
@page {
size: 130mm 180mm; size: 130mm 180mm;
marks: crop; /* can also add cross */ marks: crop; /* can also add cross */
bleed: 3mm; bleed: 3mm;
@ -36,16 +30,18 @@ notes{
margin-top: 10mm; margin-top: 10mm;
margin-bottom: 15mm; margin-bottom: 15mm;
@bottom-center{ @bottom-center {
content: string(title, first); content: string(title, first);
position: relative; position: relative;
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 {
@ -69,8 +66,8 @@ notes{
margin-top: 10mm; margin-top: 10mm;
margin-bottom: 15mm; margin-bottom: 15mm;
/* bleed: 3mm 3mm 3mm 0; */ /* bleed: 3mm 3mm 3mm 0; */
@bottom-center{ @bottom-center {
text-align: right; text-align: right;
} }
@bottom-right { @bottom-right {
font-size: 7pt; font-size: 7pt;
@ -81,50 +78,59 @@ 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;
text-align: left; text-align: left;
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{
font-family: 'Platypi-Regular','platypi' ; #contenteo {
font-family: 'Platypi-Regular', 'platypi';
line-height: 1.3; line-height: 1.3;
font-size: 9pt; font-size: 9pt;
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;
/* background-color: var(--spot-color-1); */ /* background-color: var(--spot-color-1); */
@ -135,34 +141,45 @@ h6{
padding: 86mm 10mm 0; */ padding: 86mm 10mm 0; */
text-align: center; text-align: center;
} }
ol, ul{padding: 0;}
.page-break{ ol, ul {
padding: 0;
}
.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