commit 06801b5c33ee575859dd4322f124e7ee63f9814f (patch)
parent 31982f603566d696cd284b8186e38c17eac4f22c
Author: Alex Karle <alex@alexkarle.com>
Date: Sun, 6 Nov 2022 16:52:39 -0500
Add title font, license footer, and hide RSVP
We're not ready to go live yet on RSVP's!
Diffstat:
11 files changed, 177 insertions(+), 12 deletions(-)
diff --git a/event.html b/event.html
@@ -9,10 +9,10 @@
<body>
<h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
<nav>
<a href="/">Home</a>
<a href="/story.html">Our Story</a>
- <a href="/rsvp.html">RSVP</a>
<a href="/event.html">Event</a>
<a href="/travel.html">Travel</a>
<a href="/registry.html">Registry</a>
@@ -47,9 +47,9 @@
</div>
<p>
- There will be a plated dinner inside (please let us know your
- preference on the <a href="/rsvp.html">RSVP form</a>) followed
+ There will be a plated dinner inside followed
by an evening of dancing!
</p>
+ <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer>
</body>
</html>
diff --git a/index.html b/index.html
@@ -6,13 +6,12 @@
<link rel="stylesheet" href="/style.css">
<title>Alex & Jennie's Wedding</title>
</head>
-
<body>
<h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
<nav>
<a href="/">Home</a>
<a href="/story.html">Our Story</a>
- <a href="/rsvp.html">RSVP</a>
<a href="/event.html">Event</a>
<a href="/travel.html">Travel</a>
<a href="/registry.html">Registry</a>
@@ -27,7 +26,19 @@
September 9, 2023
</p>
<p class="index-daystill">
- 307 days until the big day!
+ <span id="daystill"></span>
</p>
+ <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer>
+ <script>
+ const now = new Date();
+ const bigday = new Date("2023-09-09");
+ const daysUntil = parseInt((bigday.getTime() - now.getTime()) / 1000 / 3600 / 24) + 1;
+ if (daysUntil != 1) {
+ document.getElementById("daystill").innerHTML = daysUntil + " days";
+ } else {
+ document.getElementById("daystill").innerHTML = daysUntil + " day";
+ }
+ document.getElementById("daystill").innerHTML += " until the big day!";
+ </script>
</body>
</html>
diff --git a/license.html b/license.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <link rel="stylesheet" href="/style.css">
+ <title>Alex & Jennie's Wedding</title>
+ </head>
+ <body>
+ <h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
+ <nav>
+ <a href="/">Home</a>
+ <a href="/story.html">Our Story</a>
+ <a href="/event.html">Event</a>
+ <a href="/travel.html">Travel</a>
+ <a href="/registry.html">Registry</a>
+ </nav>
+ <h1>Website License</h1>
+ <p>
+ Unless where otherwise specified, all code for the website is
+ licensed under the <a href="/LICENSE">MIT license</a> and can be
+ found <a href="https://git.sr.ht/~akarle/jennex">here</a>.
+ </p>
+ <p>
+ One notable exception is the cursive font in the title, which is
+ the <a href="https://fonts.google.com/specimen/Allura">Allura
+ font</a>, licensed under the <a href="/static/OFL.txt">Open Font
+ License</a>.
+ </p>
+ <p>
+ Photos and content are not open sourced (all rights reserved).
+ </p>
+ </body>
+</html>
diff --git a/registry.html b/registry.html
@@ -9,10 +9,10 @@
<body>
<h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
<nav>
<a href="/">Home</a>
<a href="/story.html">Our Story</a>
- <a href="/rsvp.html">RSVP</a>
<a href="/event.html">Event</a>
<a href="/travel.html">Travel</a>
<a href="/registry.html">Registry</a>
@@ -27,5 +27,6 @@
wedding registry at Zola
</a>.
</p>
+ <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer>
</body>
</html>
diff --git a/rsvp.html b/rsvp.html
@@ -9,15 +9,16 @@
<body>
<h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
<nav>
<a href="/">Home</a>
<a href="/story.html">Our Story</a>
- <a href="/rsvp.html">RSVP</a>
<a href="/event.html">Event</a>
<a href="/travel.html">Travel</a>
<a href="/registry.html">Registry</a>
</nav>
<h2>RSVP</h2>
<p>Check back soon for a form to fill out!</p>
+ <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer>
</body>
</html>
diff --git a/static/Allura-Regular.ttf b/static/Allura-Regular.ttf
Binary files differ.
diff --git a/static/OFL.txt b/static/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2010 The Allura Project Authors (https://github.com/googlefonts/allura)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/story.html b/story.html
@@ -9,10 +9,10 @@
<body>
<h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
<nav>
<a href="/">Home</a>
<a href="/story.html">Our Story</a>
- <a href="/rsvp.html">RSVP</a>
<a href="/event.html">Event</a>
<a href="/travel.html">Travel</a>
<a href="/registry.html">Registry</a>
@@ -42,5 +42,6 @@
later and stronger than ever, she said yes!
</p>
<img src="/engagement.jpg" alt="Alex Proposes to Jennie" width="100%">
+ <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer>
</body>
</html>
diff --git a/style.css b/style.css
@@ -1,3 +1,9 @@
+/* Allura font under the OTF license: /static/OTF.txt */
+@font-face {
+ font-family: 'Allura';
+ src: url("/static/Allura-Regular.ttf");
+}
+
/* https://www.swyx.io/css-100-bytes */
html {
max-width: 70ch;
@@ -13,9 +19,11 @@ html {
text-align: center;
}
-.index-title {
+h1.index-title {
text-align: center;
- font-size: 2em;
+ font-size: 2.5em;
+ font-family: 'Allura', cursive;
+ margin-bottom: 0px;
}
.index-date {
@@ -64,3 +72,16 @@ div.event-schedule h3 {
margin-top: 20px;
margin-bottom: 20px;
}
+
+p.subtitle {
+ font-family: 'Allura', cursive;
+ font-size: 1.8em;
+ margin-top: 0px;
+ text-align: center;
+ margin-bottom: 20px;
+}
+
+footer {
+ margin-top: 4em;
+ font-size: .6em;
+}
diff --git a/travel.html b/travel.html
@@ -9,15 +9,16 @@
<body>
<h1 class="index-title">Alex <small>&</small> Jennie</h1>
+ <p class="subtitle">Tie the Knot</p>
<nav>
<a href="/">Home</a>
<a href="/story.html">Our Story</a>
- <a href="/rsvp.html">RSVP</a>
<a href="/event.html">Event</a>
<a href="/travel.html">Travel</a>
<a href="/registry.html">Registry</a>
</nav>
<h2>Travel</h2>
+ <img src="/travel.jpg" alt="Alex and Jennie Roadtripping" width="100%">
<h3>Wedding Venue</h3>
<p>
The ceremony and reception will both be at
@@ -36,5 +37,6 @@
</p>
<h3>Hotel Recommendations</h3>
<p>Coming Soon</p>
+ <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer>
</body>
</html>
diff --git a/travel.jpg b/travel.jpg
Binary files differ.