Created a draft for the website style

tuftsceeo · Oct 10, 2024 · 5b9872c · 5b9872c
1 parent 4ed2807
commit 5b9872c
Show file tree

Hide file tree

Showing 23 changed files with 522 additions and 50 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/docs/.DS_Store b/docs/.DS_Store
diff --git a/docs/community.html b/docs/community.html
@@ -3,31 +3,38 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="favicon.png" type="images/logo_icon.png">
+    <link rel="icon" type="image/png" href="images/favicon-48x48.png" sizes="48x48" />
+    <link rel="icon" type="image/svg+xml" href="images/favicon.svg" />
+    <link rel="shortcut icon" href="images/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="Smart System Platform" />
+    <link rel="manifest" href="images/site.webmanifest" />
 
     <title>Smart System Platform - Outreach</title>
     <style>
         body {
             font-family: Arial, sans-serif;
             margin: 0;
             padding: 0;
-            min-width: 1000px;
-            overflow-x: auto;
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
         }
         header {
             background-color: #333;
-            padding: 0;
+            padding: 10px 0;
         }
         .menu {
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding: 0;
+            margin: 0 10px;
         }
         .menu a {
             color: white;
             text-decoration: none;
-            margin: 0 20px;
+            margin: 0 10px;
             padding: 5px 0;
         }
         .menu a:hover {
@@ -36,28 +43,60 @@
         .menu a.active {
             font-weight: bold;
             text-decoration: underline;
-            color: #FFD700;
+            color: #FF9900;
+        }
+        .logo-container {
+            display: flex;
+            align-items: center;
         }
-        .logo {
+        .logo-container img {
+            height: 40px;
+            width: auto;
+            margin-right: 10px;
+        }
+        .logo-text {
             font-size: 24px;
             font-weight: bold;
             color: white;
+            line-height: 40px;
+            display: flex;
+            align-items: center;
         }
         .menu-items {
             display: flex;
             justify-content: flex-end;
             flex-grow: 1;
         }
         main {
+            flex-grow: 1;
             padding: 20px;
         }
+        footer {
+            background-color: #333;
+            color: white;
+            text-align: center;
+            padding: 20px 0;
+            width: 100%;
+        }
+        footer a {
+            color: #FF9900;
+            text-decoration: none;
+        }
+        footer a:hover {
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body>
 
 <header>
     <div class="menu">
-        <a href="index.html" class="logo"><img src="images/logo.png" alt="The Smart System Education Platform"></a>
+        <div class="logo-container">
+            <a href="index.html" style="display: flex; align-items: center;">
+                <img src="images/favicon.svg" alt="Logo">
+                <span class="logo-text">Smart System Education Platform</span>
+            </a>
+        </div>
         <div class="menu-items">
             <a href="index.html">Home</a>
             <a href="mission.html">Mission</a>
@@ -74,6 +113,10 @@ <h1>Community & Outreach</h1>
     <p>Contact details, link CEEO and FETLab and showcase how you can get involved as well as show some CEEO and community made projects</p>
 </main>
 
+<footer>
+    <p>&copy; 2024 Smart System Education Platform. All rights reserved.</p>
+    <p><a href="contact.html">Contact Us</a> | <a href="privacy.html">Privacy Policy</a></p>
+</footer>
+
 </body>
 </html>
-
diff --git a/docs/images/.DS_Store b/docs/images/.DS_Store
diff --git a/docs/images/apple-touch-icon.png b/docs/images/apple-touch-icon.png
diff --git a/docs/images/exampleusage.rtf b/docs/images/exampleusage.rtf
@@ -0,0 +1,16 @@
+{\rtf1\ansi\ansicpg1252\cocoartf2818
+\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fmodern\fcharset0 Courier;}
+{\colortbl;\red255\green255\blue255;\red0\green0\blue0;}
+{\*\expandedcolortbl;;\cssrgb\c0\c0\c0;}
+\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
+\deftab720
+\pard\pardeftab720\partightenfactor0
+
+\f0\fs26 \cf0 \expnd0\expndtw0\kerning0
+\outl0\strokewidth0 \strokec2 <link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48" />\
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />\
+<link rel="shortcut icon" href="/favicon.ico" />\
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\
+<meta name="apple-mobile-web-app-title" content="Smart System Platform" />\
+<link rel="manifest" href="/site.webmanifest" />\
+}
diff --git a/docs/images/favicon-48x48.png b/docs/images/favicon-48x48.png
diff --git a/docs/images/favicon.ico b/docs/images/favicon.ico
diff --git a/docs/images/favicon.svg b/docs/images/favicon.svg
diff --git a/docs/images/SMLOGOimproved.png → docs/images/old/SMLOGOimproved.png b/docs/images/SMLOGOimproved.png → docs/images/old/SMLOGOimproved.png
diff --git a/docs/images/logo.png → docs/images/old/logo.png b/docs/images/logo.png → docs/images/old/logo.png
diff --git a/docs/images/old/logo.svg b/docs/images/old/logo.svg
diff --git a/docs/images/logo_icon.png → docs/images/old/logo_icon.png b/docs/images/logo_icon.png → docs/images/old/logo_icon.png
diff --git a/docs/images/logo_large.png → docs/images/old/logo_large.png b/docs/images/logo_large.png → docs/images/old/logo_large.png