Changed ordering of page sections

CNAME

@@ -0,0 +1 @@
+hackct.io

css/grayscale.css

@@ -123,7 +123,7 @@ a:focus {
 .intro {
   height: 100%;
   background-color: white;
-  background: url(../img/matrix-creator.jpg) center center;
+  background: url(../img/makerspace-map1.png) center center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
@@ -341,6 +341,17 @@ body {
   background-color: #393939;
   background-size: cover;
 }
+#sponsor {
+  font-family: FaktSlabProMedium;
+  width: 100%;
+  background-size: cover;
+}
+
+#sponsor h2 {
+  font-family: FaktSlabProMedium;
+
+}
+
 #contact h2 {
   font-family: FaktSlabProMedium;
   color: white;

css/hackct.style.css

@@ -0,0 +1,244 @@
+:root {
+	--hct-background-color: #cbdeff;
+	--hct-accent-1: #134399;
+}
+
+html {
+	background: var(--hct-background-color);
+	scrollbar-color: #9eb2d5 var(--hct-background-color);
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: .5em;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: var(--hct-background-color);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #9eb2d5;
+}
+
+body {
+	font-family: "Muli", sans-serif;
+	font-size: 1.5vw;
+	margin: 0;
+}
+
+.hct-header {
+	font-family: "Lato", Verdana, sans-serif;
+	margin: 5px 0;
+	font-weight: bolder;
+}
+
+.hct-row {
+	display: flex;
+}
+
+.hct-row.align-center {
+	align-items: center;
+}
+
+.hct-accented{
+	color: var(--hct-accent-1);
+}
+
+
+#big-header {
+	font-size: 180px;
+}
+
+#register-btn {
+	border: 3px solid var(--hct-accent-1);
+	font-size: 30px;
+	color: var(--hct-accent-1);
+	background-color: transparent;
+	transition: .1s linear;
+	text-align: center;
+	padding: 10px;
+}
+
+#register-btn a {
+	color: inherit;
+	text-decoration: none;
+}
+
+#register-btn:hover {
+	background-color: var(--hct-accent-1);
+	color: var(--hct-background-color);
+}
+
+header {
+	padding: 0 25px;
+}
+
+#header-text {
+	min-width: 50%;
+}
+
+#header-text h3 {
+	font-size: 32px;
+}
+
+#header-text h2 {
+	font-size: 48px;
+}
+
+#header-text button {
+	letter-spacing: 1px;
+}
+
+#header-map {
+	flex-grow: 1;
+}
+
+#header-map.sm {
+	display: none;
+}
+
+#header-map img {
+	width: 100%;
+}
+
+section {
+	padding-top: 10vw;
+	max-width: 60vw;
+	margin: auto;
+	font-weight: 500;
+	display: flex;
+	flex-flow: column;
+	align-items: center;
+}
+
+section h1 {
+	font-size: 3vw;
+	text-align: center;
+}
+
+#makerspace-logos {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: center;
+	background-color: #fff;
+	padding: 5px;
+}
+
+#makerspace-logos img {
+	max-width: 20vw;
+	max-height: 10vw;
+	margin: 15px;
+}
+
+#sponsor-logos {
+	background-color: #fff;
+}
+
+#sponsor-logos img {
+	max-width: 20vw;
+	max-height: 10vw;
+	margin: 10px;
+}
+
+iframe {
+	width: 33vw;
+	height: 33vw;
+}
+
+.hct-schedule {
+	width: 50%;
+	display: inline-flex;
+	flex-flow: column;
+	align-items: center;
+}
+
+.hct-schedule + .hct-schedule {
+	border-left: 3px dashed #9eb2d5;
+}
+
+.hct-schedule table tr td {
+	padding: 15px;
+}
+
+.hct-schedule table tr td:first-child {
+	width: 8vw;
+	text-align: right;
+} 
+
+@media only screen and (max-width:1024px) {
+	body {
+		font-size: 30px;
+	}
+
+	.hct-row {
+		flex-flow: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	#header-text {
+		margin-bottom: 15px;
+		z-index: 1;
+	}
+
+	#big-header {
+		font-size: 26vw;
+	}
+
+	#header-text h2 {
+		font-size: 6vw;
+	}
+
+	#header-map:not(.sm) {
+		display: none;
+	}
+
+	#header-map.sm {
+		display: block;
+		margin-bottom: calc((-100vw * .63) / 2);
+		left: 0;
+		flex-grow: 0;
+	}
+
+	#header-map.sm img {
+		width: 100vw;
+		opacity: .4;
+	}
+
+/*	#header-text h2 {
+		font-size: 8vw;
+	}*/
+
+	.hct-schedule + .hct-schedule {
+		border-left: none;
+		border-top: 3px dashed #9eb2d5;
+	}
+
+	#register-btn {
+		width: 100%;
+	}
+
+	#makerspace-logos img {
+		max-width: 75vw;
+		max-height: 250px;
+	}
+
+	#sponsor-logos img {
+		max-width: 75vw;
+		max-height: 250px;
+	}
+
+	section {
+		font-size: 20px;
+		z-index: 2;
+	}
+
+	section h1 {
+		max-width: unset;
+		font-size: 45px;
+	}
+}

faq/assets/atelier-forest.light.css

@@ -0,0 +1,93 @@
+/* Base16 Atelier Forest Light - Theme */
+/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */ 
+/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
+/* https://github.com/jmblog/color-themes-for-highlightjs */
+
+/* Atelier Forest Light Comment */
+.hljs-comment,
+.hljs-title {
+  color: #766e6b;
+}
+
+/* Atelier Forest Light Red */
+.hljs-variable,
+.hljs-attribute,
+.hljs-tag,
+.hljs-regexp,
+.ruby .hljs-constant,
+.xml .hljs-tag .hljs-title,
+.xml .hljs-pi,
+.xml .hljs-doctype,
+.html .hljs-doctype,
+.css .hljs-id,
+.css .hljs-class,
+.css .hljs-pseudo {
+  color: #f22c40;
+}
+
+/* Atelier Forest Light Orange */
+.hljs-number,
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-built_in,
+.hljs-literal,
+.hljs-params,
+.hljs-constant {
+  color: #df5320;
+}
+
+/* Atelier Forest Light Yellow */
+.hljs-ruby .hljs-class .hljs-title,
+.css .hljs-rules .hljs-attribute {
+  color: #d5911a;
+}
+
+/* Atelier Forest Light Green */
+.hljs-string,
+.hljs-value,
+.hljs-inheritance,
+.hljs-header,
+.ruby .hljs-symbol,
+.xml .hljs-cdata {
+  color: #5ab738;
+}
+
+/* Atelier Forest Light Aqua */
+.css .hljs-hexcolor {
+  color: #00ad9c;
+}
+
+/* Atelier Forest Light Blue */
+.hljs-function,
+.python .hljs-decorator,
+.python .hljs-title,
+.ruby .hljs-function .hljs-title,
+.ruby .hljs-title .hljs-keyword,
+.perl .hljs-sub,
+.javascript .hljs-title,
+.coffeescript .hljs-title {
+  color: #407ee7;
+}
+
+/* Atelier Forest Light Purple */
+.hljs-keyword,
+.javascript .hljs-function {
+  color: #6666ea;
+}
+
+.hljs {
+  display: block;
+  background: #f1efee;
+  color: #68615e;
+  padding: 0.5em;
+}
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+  opacity: 0.5;
+}