15 files changed, 121 insertions, 0 deletions
diff --git a/src/chsmun.png b/src/chsmun.png
new file mode 100644
index 0000000..5193229
--- /dev/null
+++ b/src/chsmun.png
diff --git a/src/chsmun400.png b/src/chsmun400.png
new file mode 100644
index 0000000..7facedb
--- /dev/null
+++ b/src/chsmun400.png
diff --git a/src/chsmun600.png b/src/chsmun600.png
new file mode 100644
index 0000000..6aed4b1
--- /dev/null
+++ b/src/chsmun600.png
diff --git a/src/gavel.jpg b/src/gavel.jpg
new file mode 100644
index 0000000..a795dd5
--- /dev/null
+++ b/src/gavel.jpg
diff --git a/src/gavel300.jpg b/src/gavel300.jpg
new file mode 100644
index 0000000..51cb722
--- /dev/null
+++ b/src/gavel300.jpg
diff --git a/src/gavel600.jpg b/src/gavel600.jpg
new file mode 100644
index 0000000..3202298
--- /dev/null
+++ b/src/gavel600.jpg
diff --git a/src/glacb.otf b/src/glacb.otf
new file mode 100644
index 0000000..8b342c5
--- /dev/null
+++ b/src/glacb.otf
diff --git a/src/glacr.otf b/src/glacr.otf
new file mode 100644
index 0000000..5c002ff
--- /dev/null
+++ b/src/glacr.otf
diff --git a/src/gsmst.jpg b/src/gsmst.jpg
new file mode 100644
index 0000000..8bd6c1a
--- /dev/null
+++ b/src/gsmst.jpg
diff --git a/src/gsmst1200.jpg b/src/gsmst1200.jpg
new file mode 100644
index 0000000..6794b4e
--- /dev/null
+++ b/src/gsmst1200.jpg
diff --git a/src/gsmst400.jpg b/src/gsmst400.jpg
new file mode 100644
index 0000000..b74a97f
--- /dev/null
+++ b/src/gsmst400.jpg
diff --git a/src/gsmst800.jpg b/src/gsmst800.jpg
new file mode 100644
index 0000000..aaf9719
--- /dev/null
+++ b/src/gsmst800.jpg
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..8fc5b3b
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,78 @@
+
+body > div > * {
+    width: 50%;
+    display: inline-block;
+    text-align: center;
+    overflow: hidden;
+    margin: 0;
+    line-height: initial;
+    font-size: 225%;
+    font-size: min(3.6vw,225%);
+    position: relative;
+    vertical-align: text-top;
+}
+
+body > div > span > * {
+    padding: 0px 10px;
+}
+
+h1 {
+    font-size: 2em;
+}
+
+h2, h3 {
+    font-weight: normal;
+    font-size: 120%;
+}
+
+p {
+    font-size: 80%;
+}
+
+@font-face {
+    font-family: 'Glacial';
+    src: url("./glacr.otf");
+}
+@font-face {
+    font-family: 'Glacial';
+    font-weight: bold;
+    src: url("./glacb.otf");
+}
+
+body {
+    background-color: blue;
+    background-image: url(mountains.jpg), linear-gradient(#eff,#cff);
+    background-size: cover;
+    background-repeat: no-repeat;
+    min-height: 100vh;
+    min-height: calc(var(--vh, 1vh) * 100); /* fix for mobile Safari disobedience of web standards, with JS */
+    margin: 0 auto;
+    line-height: 0px;
+    max-width: 1000px;
+    display: flex;
+    flex-direction: column;
+    font-family: 'Glacial', sans-serif;
+}
+
+body > div {
+    flex: 1;
+}
+
+footer {
+    font-size: .9rem;
+    line-height: .9rem;
+    width: 100%;
+    text-align: center;
+}
+
+body > div, footer {
+    background-color: rgba(255,255,255,25%);
+}
+
+a, a:visited {
+    color: navy;
+}
+
+a:hover {
+    text-decoration: none;
+}
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..96923c0
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Model UN Recruit</title>
+    <link rel="stylesheet" href="index.css">
+</head><body><div><span>
+<h4>CENTENNIAL HIGH SCHOOL</h4>
+<h1>Model UN</h1>
+</span><img src="gavel.jpg" srcset="gavel.jpg 851w, gavel600.jpg 600w,
+gavel300.jpg 300w" sizes="(max-width: 300px) 300px, (max-width: 600px)
+600px, 851px"><img src="gsmst.jpg" srcset="gsmst.jpg 3264w,
+gsmst1200.jpg 1200w, gsmst800.jpg 800w, gsmst400.jpg 400w"
+sizes="(max-width: 400px) 400px, (max-width: 800px) 800px, (max-width:
+1200px) 1200px, 3264px"><span>
+<h6>Join Centennial's most successful team today!</h6>
+<p>Model United Nations provides students with an opportunity for
+hands-on learning concerning global challenges in the 21st century.</p>
+
+</span><span>
+<h2><a href="gsmapp">Apply to GSMSTMUN by August 31 at 5pm.</a></h2>
+<p>GSMSTMUN is scheduled for September 26th.
+
+There will be a logistics meeting on September 2nd and a prep meeting on September 25th! Hope to see you there!</p>
+<h4><a href="team">Join the Microsoft Team!</a></h4><h6>For more information, <a
+href="mailto:hennesseym@fultonschools.org">contact henneseym@fultonschools.org
+</a></h6></span><img src="chsmun.png" srcset="chsmun.png 1311w,
+chsmun600.png 600w, chsmun400.png 400w" sizes="(max-width: 400px) 400px,
+(max-width: 600px) 600px, 1311px"></div>
+<footer><p><a href="https://www.flickr.com/photos/124387535@N03/14135683605">"Justice Gavel"</a> by <a href="https://www.flickr.com/photos/124387535@N03">toridawnrector</a>
+is licensed under <a
+href="https://creativecommons.org/licenses/by-sa/2.0/?ref=ccsearch&atype=rich">CC
+BY-SA 2.0</a></p><p>All rights reserved &#169; 2020 Centennial Model UN</p><div></footer>
+</body>
+<script>const setVh = () => {
+  const vh = window.innerHeight * 0.01;
+  document.documentElement.style.setProperty('--vh', `${vh}px`);
+};
+
+window.addEventListener('load', setVh);
+window.addEventListener('resize', setVh);</script>
+</html>
diff --git a/src/mountains.jpg b/src/mountains.jpg
new file mode 100644
index 0000000..2778dd1
--- /dev/null
+++ b/src/mountains.jpg