KeanACM · Brandonmir15 · Oct 12, 2024 · Oct 13, 2024 · Oct 13, 2024 · Oct 13, 2024
diff --git a/acm.png → Images/acm.png b/acm.png → Images/acm.png
diff --git a/about/index.html b/about/index.html
@@ -1,4 +1,14 @@
-<div class="page-content">
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="../css/main2.css">
+  <title>Document</title>
+</head>
+<body>
+
   <section>
     <h1>About</h1>
     <p>
@@ -51,3 +61,21 @@ <h1>Our ACM E-Board</h1>
     </div>
   </section>
 </div>
+
+
+
+
+
+</body>
+</html>
+
+
+
+<div class="page-content">
+
+
+
+
+
+
+
diff --git a/about/style.css b/about/style.css
@@ -0,0 +1,5 @@
+
+body{
+background-color: aquamarine;
+
+}
diff --git a/app.js b/app.js
diff --git a/css/main.css b/css/main.css
diff --git a/css/main2.css b/css/main2.css
@@ -0,0 +1,252 @@
+/** Reset basic elements **/
+body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 1.5;
+    font-weight: 300;
+    color: #111;
+    background-color: #fdfdfd;
+    -webkit-text-size-adjust: 100%;
+}
+
+/** Maintain vertical rhythm **/
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure {
+    margin-bottom: 15px;
+}
+
+/** Images and Figures **/
+img {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+figure > img {
+    display: block;
+}
+
+figcaption {
+    font-size: 14px;
+}
+
+/** List Styles **/
+ul, ol {
+    margin-left: 30px;
+}
+
+li > ul, li > ol {
+    margin-bottom: 0;
+}
+
+/** Headings **/
+h1, h2, h3, h4, h5, h6 {
+    font-weight: 300;
+}
+
+/** Links **/
+a {
+    color: #2a7ae2;
+    text-decoration: none;
+    transition: 0.25s;
+}
+
+a:hover {
+    color: #84b2ee;
+}
+
+/** Blockquotes **/
+blockquote {
+    color: #828282;
+    border-left: 4px solid #e8e8e8;
+    padding-left: 15px;
+    font-size: 18px;
+    font-style: italic;
+}
+
+/** Code and Preformatted Text **/
+pre, code {
+    font-size: 15px;
+    border: 1px solid #e8e8e8;
+    border-radius: 3px;
+    background-color: #eef;
+}
+
+code {
+    padding: 1px 5px;
+}
+
+pre {
+    padding: 8px 12px;
+    overflow-x: auto;
+}
+
+/** Wrapper for Content **/
+.wrapper {
+    max-width: calc(800px - 60px);
+    margin: auto;
+    padding: 0 30px;
+}
+
+@media screen and (max-width: 800px) {
+    .wrapper {
+        padding: 0 15px;
+    }
+}
+
+/** Header Styling **/
+.site-header {
+    background-color: #0f0f0f;
+    min-height: 56px;
+    position: relative;
+}
+
+.site-title {
+    font-size: 26px;
+    line-height: 56px;
+    letter-spacing: -1px;
+    float: left;
+    color: #e8e8e8;
+}
+
+.site-title:before {
+    content: ">";
+    color: #cc0000;
+}
+
+/** Navbar **/
+.site-nav {
+    float: right;
+    line-height: 56px;
+}
+
+.site-nav .page-link {
+    color: #828282;
+    margin-left: 20px;
+}
+
+.site-nav .page-link:hover {
+    color: #e8e8e8;
+}
+
+@media screen and (max-width: 600px) {
+    .site-nav {
+        position: absolute;
+        top: 9px;
+        right: 30px;
+        background-color: #fdfdfd;
+        border: 1px solid #e8e8e8;
+        border-radius: 5px;
+        text-align: right;
+    }
+
+    .site-nav .page-link {
+        display: block;
+        padding: 5px 10px;
+    }
+}
+
+/** Footer **/
+.site-footer {
+    border-top: 1px solid #e8e8e8;
+    padding: 30px 0;
+}
+
+.footer-heading {
+    font-size: 18px;
+    margin-bottom: 15px;
+}
+
+.contact-list, .social-media-list {
+    list-style: none;
+    margin-left: 0;
+}
+
+.footer-col-wrapper {
+    margin-left: -15px;
+}
+
+.footer-col {
+    float: left;
+    padding-left: 15px;
+}
+
+/** Responsive Footer Columns **/
+@media screen and (max-width: 800px) {
+    .footer-col-1, .footer-col-2 {
+        width: 50%;
+    }
+
+    .footer-col-3 {
+        width: 100%;
+    }
+}
+
+/** Page Content Styling **/
+.page-content {
+    padding: 60px 180px;
+    margin-left: 360px;
+}
+
+@media screen and (max-width: 1200px) {
+    .page-content {
+        padding: 60px 80px;
+    }
+}
+
+@media screen and (max-width: 900px) {
+    .page-content {
+        padding: 40px 80px;
+        margin: 0;
+    }
+}
+
+@media screen and (max-width: 600px) {
+    .page-content {
+        padding: 40px 20px;
+    }
+}
+
+/** Sidebar **/
+.sidebar-left {
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: #113B51;
+    width: 360px;
+    height: 100%;
+    padding: 80px 0;
+    font-family: Inconsolata, monospace;
+}
+
+.sidebar-left .title h1 {
+    font-size: 32px;
+}
+
+.sidebar-left .links a {
+    display: block;
+    margin: 10px 0;
+    font-size: 20px;
+    color: white;
+}
+
+.sidebar-left .links a:hover {
+    color: #0093d0;
+}
+
+/** Syntax Highlighting **/
+.highlight {
+    background: white;
+}
+
+.highlight .k, .highlight .o {
+    font-weight: bold;
+}
+
+.highlight .cm, .highlight .c1 {
+    color: #998;
+    font-style: italic;
+}
diff --git a/resources/.DS_Store → events/.DS_Store b/resources/.DS_Store → events/.DS_Store
diff --git a/resources/index.html → events/index.html b/resources/index.html → events/index.html
@@ -1,4 +1,14 @@
-<div class="page-content">
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="../css/main2.css">
+  <title>Document</title>
+</head>
+<body>
+
+  <div>
     <section>
       <h1>Helpful Links</h1>
 
@@ -22,4 +32,7 @@ <h1>Interships/Full-Time Positions</h1>
         <a name="indeed" href="https://indeed.com">Indeed</a>
       </p>
     </section>
-  </div>
+  </div>
+
+</body>
+</html>
diff --git a/events/style.css b/events/style.css
diff --git a/home/homeImages/ACM_KeanUniversity.png b/home/homeImages/ACM_KeanUniversity.png