First commit.

6 files changed, 106 insertions, 0 deletions

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
new file mode 100644
index 0000000..d7fc4f9
--- /dev/null
+++ b/app/assets/stylesheets/application.css
@@ -0,0 +1,27 @@
+/*
+ * This is a manifest file that'll be compiled into application.css.
+ *
+ * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
+ * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
+ * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
+ * depending on specificity.
+ *
+ * Consider organizing styles into separate files for maintainability.
+ */
+
+body {
+    margin: 0;
+    font-family: sans-serif;
+    background: moccasin;
+}
+
+main {
+    margin: 0 auto;
+    padding: 0 1em;
+    max-width: 50em;
+}
+
+h1 {
+    text-align: center;
+    /* font-family: 'Old London', sans-serif; */
+}
diff --git a/app/assets/stylesheets/components/code_of_honor.css b/app/assets/stylesheets/components/code_of_honor.css
new file mode 100644
index 0000000..dbbd267
--- /dev/null
+++ b/app/assets/stylesheets/components/code_of_honor.css
@@ -0,0 +1,11 @@
+#code-of-honor {
+    width: 50%;
+    margin: 1em auto;
+    padding: 1em;
+    color: white;
+
+    border-radius: 1em;
+}
+#code-of-honor.accepted { background-color: forestgreen; }
+#code-of-honor.rejected { background-color: firebrick; }
+
diff --git a/app/assets/stylesheets/components/footer.css b/app/assets/stylesheets/components/footer.css
new file mode 100644
index 0000000..de96a5c
--- /dev/null
+++ b/app/assets/stylesheets/components/footer.css
@@ -0,0 +1,6 @@
+footer {
+    text-align: center;
+    margin: 3em 0 0;
+    color: dimgrey;
+    
+}
diff --git a/app/assets/stylesheets/components/nav_top.css b/app/assets/stylesheets/components/nav_top.css
new file mode 100644
index 0000000..a3247a4
--- /dev/null
+++ b/app/assets/stylesheets/components/nav_top.css
@@ -0,0 +1,40 @@
+nav#top {
+    width: 100%;
+    background-color: firebrick;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    ul {
+	display: flex;
+	flex-wrap: wrap;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+    }
+
+    li {
+	padding: 12px 0;
+    }
+
+    a {
+	padding: 12px;
+	color: white;
+	text-decoration: none;
+    }
+
+    a:hover {
+	background-color: tomato;
+    }
+
+    #authentication {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: right;
+    }
+
+    button {
+	margin: 0.5rem 0.5rem 0.5rem 0;
+    }
+}
+
diff --git a/app/assets/stylesheets/components/notifications.css b/app/assets/stylesheets/components/notifications.css
new file mode 100644
index 0000000..93d8cc2
--- /dev/null
+++ b/app/assets/stylesheets/components/notifications.css
@@ -0,0 +1,18 @@
+#notifications {
+    max-width: 30rem;
+    margin: 1em auto;
+}
+
+.notice, .alert {
+    margin: 0 1em;
+    padding: 1em;
+    border-radius: 1em;
+}
+
+.notice {
+    background: lightblue;
+}
+
+.alert {
+    background: tomato;
+}
diff --git a/app/assets/stylesheets/pages/home.css b/app/assets/stylesheets/pages/home.css
new file mode 100644
index 0000000..5b2e6a9
--- /dev/null
+++ b/app/assets/stylesheets/pages/home.css
@@ -0,0 +1,4 @@
+#blason {
+    margin: 0 auto;
+    display: block;
+}