init

chapmanu · Oct 13, 2022 · de2dce8 · de2dce8
1 parent 06869d7
commit de2dce8
Show file tree

Hide file tree

Showing 9 changed files with 167 additions and 1 deletion.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+style/.DS_Store
diff --git a/README.md b/README.md
@@ -1,2 +1,20 @@
-# colors
+# Chapman SMC Colors
+
 Generate a graph showing everybody in your meeting's primary communication preferences
+
+Located at [colors.chapman.edu](http://colors.chapman.edu). (not yet!)
+
+### Development Environment Setup
+
+This is as simple as it gets. Clone the repository locally, navigate to the project folder, and run `php -S localhost:8000`
+
+### Deployment:
+
+Colors is hosted on GitHub pages which publishes from the `gh-pages` branch.
+After changes are merged into the `master` branch, bring changes into `gh-pages` branch.
+
+    # From the master brach:
+    git pull origin master
+    git checkout gh-pages
+    git merge master
+    git push origin gh-pages
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:site_name" content="Colors.Chapman" />
+    <meta property="og:url" content="https://colors.chapman.edu/" />
+    <meta property="og:description" content="Show off your colors" />
+
+    <title>Colors</title>
+
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="style/dimensions.css" />
+
+    <script src="js/jquery-3.6.1.min.js"></script>
+    <script src="js/dimensions.js"></script>
+
+    <script type="text/javascript" src="//use.typekit.net/nqy1aog.js"></script>
+    <script>
+      try {
+        Typekit.load();
+      } catch (e) {}
+    </script>
+  </head>
+  <body>
+    <nav id="main-nav">
+      <svg
+        width="31px"
+        class="brand"
+        height="31px"
+        viewBox="0 0 31 31"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+      >
+        <!-- Generator: Sketch 3.4.1 (15681) - http://www.bohemiancoding.com/sketch -->
+        <title>chapman_logo_horizonal_stacked</title>
+        <desc>Created with Sketch.</desc>
+        <defs></defs>
+        <g id="Slides" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+          <g id="Signs--::--Index" sketch:type="MSArtboardGroup" transform="translate(-12.000000, -12.000000)" fill="#98002E">
+            <g id="chapman_logo_horizonal_stacked" sketch:type="MSLayerGroup" transform="translate(12.000000, 12.000000)">
+              <g id="Layer_1" sketch:type="MSShapeGroup">
+                <g id="Group">
+                  <g id="Shape">
+                    <path d="M14.1311089,15.77652 L0,29.9030822 L0,15.77652 L14.1311089,15.77652 Z"></path>
+                    <path d="M0,14.87008 L0,0.740004444 L14.1311089,14.87008 L0,14.87008 Z"></path>
+                    <path d="M29.8047089,0.101817778 L15.6746333,14.2298956 L15.6746333,0.101817778 L29.8047089,0.101817778 Z"></path>
+                    <path d="M14.77026,14.2298956 L0.640184444,0.101817778 L14.77026,0.101817778 L14.77026,14.2298956 Z"></path>
+                    <path d="M16.3148178,14.87008 L30.4443422,0.740004444 L30.4443422,14.87008 L16.3148178,14.87008 Z"></path>
+                    <path d="M30.4443422,15.77652 L30.4443422,29.9030822 L16.3148178,15.77652 L30.4443422,15.77652 Z"></path>
+                    <path d="M14.77026,16.4137422 L0.640184444,30.5422333 L14.77026,30.5422333 L14.77026,16.4137422 Z"></path>
+                    <path d="M15.6746333,16.4137422 L15.6746333,30.5422333 L29.8026422,30.5422333 L15.6746333,16.4137422 Z"></path>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+      <p>Colors</p>
+    </nav>
+
+    <div>Content here</div>
+  </body>
+</html>
diff --git a/js/.DS_Store b/js/.DS_Store
diff --git a/js/colors.js b/js/colors.js
@@ -0,0 +1,3 @@
+$(document).ready(function() {
+
+});
diff --git a/js/jquery-3.6.1.min.js b/js/jquery-3.6.1.min.js
diff --git a/style/dimensions.css b/style/dimensions.css
@@ -0,0 +1,75 @@
+body {
+  background-color: #EAEAEA;
+  font-family: proxima-nova-soft, sans-serif;
+}
+
+body.stop-scrolling { overflow: auto; }
+
+h1, h2, h3, h4, h5, h6 { 
+  font-family: proxima-nova, sans-serif;
+  font-weight: bold;
+}
+
+button { background-color: #FFF; }
+
+.container {
+  position: relative;
+  max-width: 2000px;
+  margin: 0 auto;
+  min-width: 500px;
+  padding: 0 10px;
+}
+
+.title { 
+  text-align: center;
+  font-size: 4rem;
+}
+
+.description { text-align: center; }
+
+/* NAV BAR */
+#main-nav {
+  background-color: white;
+  margin: 0 0 32px 0;
+  padding: 0 0 0 8px;
+  height: 35px;
+  font-size: 14px;
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
+}
+
+#main-nav .brand {
+  float: left;
+  height: 25px;
+  width: 25px;
+  margin-top: 5px;
+}
+
+#main-nav ul {
+  margin: 0;
+  padding: 0;
+  float: right;
+}
+
+#main-nav ul li {
+  list-style-type: none;
+  display: block;
+  float: left;
+}
+
+#main-nav p,
+#main-nav a {
+  text-decoration: none;
+  color: #353430;
+  display: inline-block;
+  height: 35px;
+  line-height: 35px;
+  padding: 0 16px;
+  text-transform: uppercase;
+  font-weight: bold;
+  font-family: "proxima-nova", "Helvetica Neue", "Microsoft Sans Serif", sans-serif;
+  transition: all 150ms;
+}
+
+#main-nav a:hover {
+  background: #E5E5E5;
+}