first commit

This commit is contained in:
Spencer Flagg 2022-07-29 12:26:21 +02:00
parent 1626141a57
commit f1f3ba7216
12 changed files with 128 additions and 0 deletions

BIN
fonts/American Scribe.eot Normal file

Binary file not shown.

BIN
fonts/American Scribe.otf Normal file

Binary file not shown.

BIN
fonts/American Scribe.ttf Normal file

Binary file not shown.

BIN
fonts/American Scribe.woff Normal file

Binary file not shown.

BIN
fonts/American Scribe.woff2 Normal file

Binary file not shown.

BIN
fonts/TerraIgnota.eot Normal file

Binary file not shown.

BIN
fonts/TerraIgnota.otf Normal file

Binary file not shown.

BIN
fonts/TerraIgnota.ttf Normal file

Binary file not shown.

BIN
fonts/TerraIgnota.woff Normal file

Binary file not shown.

BIN
fonts/TerraIgnota.woff2 Normal file

Binary file not shown.

36
index.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Photos</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<h1>The Photos</h1>
<h2>( we'd love your photos from the wedding week! )</h2>
<a class="back" href="https://irina-and-spencer.com"><< back home</a>
<h3>Places to Upload</h3>
<ul>
<li><a href="https://photos.app.goo.gl/LtfPuKNdtbx62yY77">Google Photos Album</a></li>
<li><a href="mailto:thecouple@irina-and-spencer.com">Our Email Address</a></li>
<li><a href="tel:+15182076939"><span class="block">Spencer's Number</span></a>
<span class="badge">whatsapp</span>
<span class="badge">signal</span>
<span class="badge">telegram</span>
</li>
<li><a href="tel:+31628857799"><span class="block">Irina's Number</span></a>
<span class="badge">whatsapp</span>
<span class="badge">signal</span>
<span class="badge">telegram</span>
</li>
</ul>
</main>
</body>
</html>

92
style.css Normal file
View file

@ -0,0 +1,92 @@
@font-face {
font-family: "American Scribe";
src: url("./fonts/American%20Scribe.woff2") format("woff2");
font-weight: 400;
}
@font-face {
font-family: "TerraIgnota";
src: url("./fonts/TerraIgnota.woff2") format("woff2");
font-weight: 400;
}
html{
font-size: 3vmin;
font-family: 'Courier New', Courier, monospace;
}
body{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 0;
margin: 2rem;
color: #213563;
}
a{
color: #213563;
}
a.back{
color: #008290;
font-weight: bold;
font-size: .75em;
text-transform: uppercase;
text-decoration: none;
}
span.block{
display: block;
}
span.badge, span.note{
border-radius: 999px;
padding: .1em .7em;
font-size: .75rem;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-transform: uppercase;
font-weight: 500;
background-color: white;
line-height: 1;
}
span.badge{
border: 1px solid #008290;
color: #008290;
display: inline-block;
}
span.note {
border: 1px solid #999;
color: #999;
display: block;
margin-bottom: .25em;
}
ul{
margin-bottom: 2rem;
}
li{
font-weight: 200;
margin-bottom: .25rem;
}
h1 {
font-family: 'American Scribe';
font-weight: 100;
font-size: 6rem;
line-height: 0;
}
h2 {
font-family: "TerraIgnota";
font-size: 1.5rem;
font-weight: 100;
color: #008290;
margin-top:-1.5em;
}