Added Volunteer Interest Form and favico image

ErikaVasNormandy · ErikaVasNormandy · commit 13dc9643fc0e · 2023-04-10T15:26:45.000-07:00
diff --git a/404.html b/404.html
@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Code for San José - 404 Not Found!</title>
     <link rel="stylesheet" href="./assets/css/global.min.css">
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
     <link rel="stylesheet" href="./assets/css/404.min.css">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
diff --git a/about.html b/about.html
@@ -5,6 +5,8 @@
   <title>Code for San José - About</title>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
   <link rel="stylesheet" href="./assets/css/global.min.css" />
   <link rel="stylesheet" href="./assets/css/header.min.css" />
   <link rel="stylesheet" href="./assets/css/footer.min.css" />
diff --git a/assets/css/index.min.css b/assets/css/index.min.css
diff --git a/assets/css/index.scss b/assets/css/index.scss
@@ -19,7 +19,7 @@ $accent-color: #399fd3;
     background: rgba(0, 0, 0, 0.6);
     width: 100%;
     height: 45%;
-    display: flex;
+    // display: flex;
     flex-direction: column;
     justify-content: space-evenly;
     padding: 1% 10%;
@@ -42,10 +42,24 @@ $accent-color: #399fd3;
       border: none;
       border-radius: 5px;
       text-align: center;
+      margin: 15px 15px 15px 15px;
+      
+    }
+
+    #volunteer-interest-form-btn {
+      padding: 10px 15px;
+      background-color: #ff5131;
+      font-size: 150%;
+      border: none;
+      border-radius: 5px;
+      text-align: center;
+      margin: 15px 15px 15px 15px;
+    
     }
   }
 }
 
+
 iframe {
   width: 90%;
   height: 200px;
@@ -276,6 +290,7 @@ iframe {
   #home-hero {
     #home-hero-btn {
       width: 50%;
+      margin: 15px 15px 15px 15px;
     }
   }
   #cta {
@@ -365,6 +380,7 @@ iframe {
       #home-hero-btn {
         font-size: 175%;
         width: 50%;
+        margin: 15px 15px 15px 15px;
       }
     }
   }
@@ -448,6 +464,7 @@ iframe {
       }
       #home-hero-btn {
         font-size: 175%;
+        margin: 15px 15px 15px 15px;
         width: 40%;
       }
     }
@@ -536,6 +553,7 @@ iframe {
       }
       #home-hero-btn {
         font-size: 175%;
+        margin: 15px 15px 15px 15px;
       }
     }
   }
diff --git a/cut.html b/cut.html
@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Code for San José - FAQ</title>
     <link rel="stylesheet" href="./assets/css/global.min.css">
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
     <link rel="stylesheet" href="./assets/css/header.min.css">
     <link rel="stylesheet" href="./assets/css/footer.min.css">
     <link rel="stylesheet" href="./assets/css/faq.min.css">
diff --git a/faq.html b/faq.html
@@ -7,6 +7,8 @@
     <title>Code for San José - FAQ</title>
     <link rel="stylesheet" href="./assets/css/global.min.css">
     <link rel="stylesheet" href="./assets/css/header.min.css">
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
     <link rel="stylesheet" href="./assets/css/footer.min.css">
     <link rel="stylesheet" href="./assets/css/faq.min.css">
     <script src="https://kit.fontawesome.com/a5c8bf6536.js" crossorigin="anonymous"></script>
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -10,6 +10,8 @@
 <html lang="en">
 
 <head>
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
   <title>Code for San José - Home</title>
   <!-- meta -->
   <meta charset="utf-8" />
@@ -109,6 +111,9 @@
           <h1>Help Build Tech for a Better San José</h1>
           <p>Uniting volunteer coders, designers, researchers, community members, & more in solving local issues</p>
           <a id="home-hero-btn" href="./volunteer.html">Get Involved</a>
+
+          <a id="home-hero-btn" href="https://forms.gle/pfLfKGidXK3HJGKf6">Volunteer Form</a>
+
         </div>
       </div>
 
diff --git a/projects.html b/projects.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Code for San José - Projects</title>
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
     <link rel="stylesheet" href="./assets/css/global.min.css">
     <link rel="stylesheet" href="./assets/css/header.min.css">
     <link rel="stylesheet" href="./assets/css/footer.min.css">
diff --git a/volunteer.html b/volunteer.html
@@ -5,6 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Code for San José - Volunteer</title>
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
   <link rel="stylesheet" href="./assets/css/global.min.css" />
   <link rel="stylesheet" href="./assets/css/header.min.css" />
   <link rel="stylesheet" href="./assets/css/footer.min.css" />
@@ -89,14 +91,17 @@ <h1>Volunteer</h1>
     <div class="h2bar"></div>
     <h2>Getting Started</h2>
     <div class="text-content">
-      <p class="notify">In response to the Covid-19 pandemic, we are currently holding hack nights virtually. Please see
-        our
-        Meetup page or join our Slack channel for details and registration links.</p>
+    <p>Our new volunteer sign-up form is <a href="https://forms.gle/pfLfKGidXK3HJGKf6">here</a>. It's not mandatory to fill out, but we will share the responses with project managers for them to get a sense of skillset and availability.</p>
+    </div>
+
+    <div class="text-content">
+      <p class="notify">We are back to in-person hacknights being held at Hacker Dojo in Mountain View! For now,
+        we plan on meeting up on a monthly basis on the 1st Thursday of the month. Check out our Meetup page or join our Slack/Discord channels for details and registration links.</p>
       <ol id="gettingStartedList">
         <li>
           <div class="getting_started">
             <a href="https://join.slack.com/t/codeforsanjose/shared_invite/zt-iwnx99kh-motBC0J47O8ItlR3zjAIBA" target="_blank" rel="noopener noref">
-              <p>Join Our Slack</p>
+              <p>Join Our Slack and/or Discord</p>
               <img src="./assets/img/social_logos/Slack_RGB_White.png" alt="Slack_Mark.svg" />
             </a>
           </div>
@@ -124,16 +129,16 @@ <h2>Getting Started</h2>
         are not required to contribute.
       </p>
       <p>
-        <strong>1. Join Our Slack Chat</strong>
+        <strong>1. Join Our Slack and/or Discord</strong>
         <a href="https://join.slack.com/t/codeforsanjose/shared_invite/zt-iwnx99kh-motBC0J47O8ItlR3zjAIBA" target="_blank" rel="noopener noref"><button
             class="volunteer-btns">JOIN
             SLACK</button></a>
       </p>
       <p>
-        We use Slack, an online chat platform, as our primary communication
-        channel to collaborate on projects and stay updated on events.
+        We use a combination of Slack and Discord as our primary communication
+        channels to collaborate on projects and stay updated on events.
       </p>
-      <p>Sign up to our Slack chat group and introduce yourself!</p>
+      <p></p>
       <p>
         <strong>2. Attend a Meetup</strong>
         <a href="https://www.meetup.com/Code-for-San-Jose/" target="_blank" rel="noopener noref"><button

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ $accent-color: #399fd3;`
`19`	`19`	`background: rgba(0, 0, 0, 0.6);`
`20`	`20`	`width: 100%;`
`21`	`21`	`height: 45%;`
`22`		`- display: flex;`
	`22`	`+ // display: flex;`
`23`	`23`	`flex-direction: column;`
`24`	`24`	`justify-content: space-evenly;`
`25`	`25`	`padding: 1% 10%;`
`@@ -42,10 +42,24 @@ $accent-color: #399fd3;`
`42`	`42`	`border: none;`
`43`	`43`	`border-radius: 5px;`
`44`	`44`	`text-align: center;`
	`45`	`+ margin: 15px 15px 15px 15px;`
	`46`	`+`
	`47`	`+ }`
	`48`	`+`
	`49`	`+ #volunteer-interest-form-btn {`
	`50`	`+ padding: 10px 15px;`
	`51`	`+ background-color: #ff5131;`
	`52`	`+ font-size: 150%;`
	`53`	`+ border: none;`
	`54`	`+ border-radius: 5px;`
	`55`	`+ text-align: center;`
	`56`	`+ margin: 15px 15px 15px 15px;`
	`57`	`+`
`45`	`58`	`}`
`46`	`59`	`}`
`47`	`60`	`}`
`48`	`61`
	`62`	`+`
`49`	`63`	`iframe {`
`50`	`64`	`width: 90%;`
`51`	`65`	`height: 200px;`
`@@ -276,6 +290,7 @@ iframe {`
`276`	`290`	`#home-hero {`
`277`	`291`	`#home-hero-btn {`
`278`	`292`	`width: 50%;`
	`293`	`+ margin: 15px 15px 15px 15px;`
`279`	`294`	`}`
`280`	`295`	`}`
`281`	`296`	`#cta {`
`@@ -365,6 +380,7 @@ iframe {`
`365`	`380`	`#home-hero-btn {`
`366`	`381`	`font-size: 175%;`
`367`	`382`	`width: 50%;`
	`383`	`+ margin: 15px 15px 15px 15px;`
`368`	`384`	`}`
`369`	`385`	`}`
`370`	`386`	`}`
`@@ -448,6 +464,7 @@ iframe {`
`448`	`464`	`}`
`449`	`465`	`#home-hero-btn {`
`450`	`466`	`font-size: 175%;`
	`467`	`+ margin: 15px 15px 15px 15px;`
`451`	`468`	`width: 40%;`
`452`	`469`	`}`
`453`	`470`	`}`
`@@ -536,6 +553,7 @@ iframe {`
`536`	`553`	`}`
`537`	`554`	`#home-hero-btn {`
`538`	`555`	`font-size: 175%;`
	`556`	`+ margin: 15px 15px 15px 15px;`
`539`	`557`	`}`
`540`	`558`	`}`
`541`	`559`	`}`