diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/chsmun.png | bin | 0 -> 345300 bytes | |||
| -rw-r--r-- | src/chsmun400.png | bin | 0 -> 129855 bytes | |||
| -rw-r--r-- | src/chsmun600.png | bin | 0 -> 213764 bytes | |||
| -rw-r--r-- | src/gavel.jpg | bin | 0 -> 482470 bytes | |||
| -rw-r--r-- | src/gavel300.jpg | bin | 0 -> 90313 bytes | |||
| -rw-r--r-- | src/gavel600.jpg | bin | 0 -> 248917 bytes | |||
| -rw-r--r-- | src/glacb.otf | bin | 0 -> 31508 bytes | |||
| -rw-r--r-- | src/glacr.otf | bin | 0 -> 53116 bytes | |||
| -rw-r--r-- | src/gsmst.jpg | bin | 0 -> 1318856 bytes | |||
| -rw-r--r-- | src/gsmst1200.jpg | bin | 0 -> 256880 bytes | |||
| -rw-r--r-- | src/gsmst400.jpg | bin | 0 -> 40490 bytes | |||
| -rw-r--r-- | src/gsmst800.jpg | bin | 0 -> 127425 bytes | |||
| -rw-r--r-- | src/index.css | 78 | ||||
| -rw-r--r-- | src/index.html | 43 | ||||
| -rw-r--r-- | src/mountains.jpg | bin | 0 -> 219298 bytes |
15 files changed, 121 insertions, 0 deletions
diff --git a/src/chsmun.png b/src/chsmun.png Binary files differnew file mode 100644 index 0000000..5193229 --- /dev/null +++ b/src/chsmun.png diff --git a/src/chsmun400.png b/src/chsmun400.png Binary files differnew file mode 100644 index 0000000..7facedb --- /dev/null +++ b/src/chsmun400.png diff --git a/src/chsmun600.png b/src/chsmun600.png Binary files differnew file mode 100644 index 0000000..6aed4b1 --- /dev/null +++ b/src/chsmun600.png diff --git a/src/gavel.jpg b/src/gavel.jpg Binary files differnew file mode 100644 index 0000000..a795dd5 --- /dev/null +++ b/src/gavel.jpg diff --git a/src/gavel300.jpg b/src/gavel300.jpg Binary files differnew file mode 100644 index 0000000..51cb722 --- /dev/null +++ b/src/gavel300.jpg diff --git a/src/gavel600.jpg b/src/gavel600.jpg Binary files differnew file mode 100644 index 0000000..3202298 --- /dev/null +++ b/src/gavel600.jpg diff --git a/src/glacb.otf b/src/glacb.otf Binary files differnew file mode 100644 index 0000000..8b342c5 --- /dev/null +++ b/src/glacb.otf diff --git a/src/glacr.otf b/src/glacr.otf Binary files differnew file mode 100644 index 0000000..5c002ff --- /dev/null +++ b/src/glacr.otf diff --git a/src/gsmst.jpg b/src/gsmst.jpg Binary files differnew file mode 100644 index 0000000..8bd6c1a --- /dev/null +++ b/src/gsmst.jpg diff --git a/src/gsmst1200.jpg b/src/gsmst1200.jpg Binary files differnew file mode 100644 index 0000000..6794b4e --- /dev/null +++ b/src/gsmst1200.jpg diff --git a/src/gsmst400.jpg b/src/gsmst400.jpg Binary files differnew file mode 100644 index 0000000..b74a97f --- /dev/null +++ b/src/gsmst400.jpg diff --git a/src/gsmst800.jpg b/src/gsmst800.jpg Binary files differnew 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 © 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 Binary files differnew file mode 100644 index 0000000..2778dd1 --- /dev/null +++ b/src/mountains.jpg |
