site update

Author: dilanx

kb/create-profile/index.html

@@ -27,13 +27,10 @@
             <div class="kb-article-section">
                 <p class="h">Create</p>
                 <ol>
-                    <li>Get started by clicking the 'Person' icon on the right side of the navigation bar at the top of this website.</li>
-                    <li>If you don't already have an active session, you'll be prompted to log in to continue. <strong>You'll need to log in with your Northwestern Google account.</strong> Select 'Sign in with Google', and, when redirected to the Google sign-in page, continue with your Northwestern account.</li>
-                    <p class="mid">The authentication system we use has other uses, so there are options to log in with other services. However, for verification purposes, you'll need to use your Northwetern Google account. Don't worry if you accidentally used something else&mdash;it'll give you the opportunity to try again with the correct account instead.</p>
-                    <li>You'll be prompted to enter your full name. This is the name that'll appear in results of SGDG Search and on your profile. You can't change this after setting it unless you contact us.</li>
-                    <p class="mid">At this point, the server will check to make sure you're using a valid Northwestern email AND that you've already registered for SGDG. If something's missing, it'll let you know and give you options to resolve the issue.</p>
+                    <li>Visit the <a href="https://portal.sgdgroup.org">SGDG Portal</a>.</li>
+                    <li>If you don't already have an active session, you'll be prompted to log in to continue. <strong>You'll need to log in with your Northwestern Google account.</strong></li>
                     <li>You'll then be prompted to enter a username for SGDG. This is a lowercase alphanumeric no-space username primarily for your SGDG Profile URL. To keep things simple, it's recommended that you try just your first name. If it says it's taken, you can try appending your last initial or last name or something. Don't make it something dumb though or we'll remove it.</li>
-                    <li>That's it! A few things will happen behind-the-scenes to set up everything for you, and you'll be redirected to the profile edit page.</li>
+                    <li>That's it! Your profile page will be automatically created. Visit your <a href="https://portal.sgdgroup.org/profile">profile editor</a> to finish setting up your profile.</li>
                 </ol>
             </div>
             <div class="kb-article-section">

search/index.html

@@ -28,10 +28,10 @@
                 <p class="mini">From projects to people to events to anything SGDG, find it all here.</p>
             </div>
 
-            <div id="searchbar">
-                <input type="text" id="searchbox" onkeyup="search()" placeholder="Search...">
+            <div id="search-bar">
+                <input type="text" id="search-box" onkeyup="search()" placeholder="Search...">
                 <span class="underline"></span>
-                <div id="searchoptions">
+                <div id="search-options">
                     <input id="searchprojects" type="checkbox" onclick="search();" checked>
                     <label for="searchprojects">Projects</label>
                     <input id="searchpeople" type="checkbox" onclick="search();" checked>
@@ -44,7 +44,7 @@
                 </p>
             </div>
 
-            <div id="searchresults"></div>
+            <div id="search-results"></div>
 
             <script>
                 prepare();

search/search.js

@@ -73,7 +73,7 @@ function prepare() {
 
 window.onload = function() {
 
-    var res = document.getElementById('searchresults');
+    var res = document.getElementById('search-results');
 
     for (let i = 0; i < data.length; i++) {
         res.appendChild(data[i].element);
@@ -97,7 +97,7 @@ window.onload = function() {
         }
     }
     if (params['q']) {
-        document.getElementById('searchbox').value = params['q'];
+        document.getElementById('search-box').value = params['q'];
     }
 
     search();
@@ -106,7 +106,7 @@ window.onload = function() {
 
 function search() {
 
-    var inputField = document.getElementById('searchbox');
+    var inputField = document.getElementById('search-box');
 
     var showAny = false;
 
@@ -218,8 +218,9 @@ class ProjectItem {
         this.type = type;
         this.description = description;
 
-        var element = document.createElement('div');
-        element.setAttribute('class', 'searchblock');
+        var element = document.createElement('a');
+        element.href = url;
+        element.setAttribute('class', 'search-block project');
 
         var s1 = document.createElement('span');
         s1.setAttribute('class', 'notscream');
@@ -230,12 +231,9 @@ class ProjectItem {
         p1.appendChild(s1);
         element.appendChild(p1);
 
-        var a2 = document.createElement('a');
-        a2.setAttribute('href', url);
-        a2.textContent = name;
         var p2 = document.createElement('p');
         p2.setAttribute('class', 'main');
-        p2.appendChild(a2);
+        p2.textContent = name;
         element.appendChild(p2);
 
         var p3 = document.createElement('p');
@@ -257,8 +255,9 @@ class PersonItem {
         this.description = description;
         this.skills = skills;
 
-        let element = document.createElement('div');
-        element.setAttribute('class', 'searchblock');
+        let element = document.createElement('a');
+        element.href = url;
+        element.setAttribute('class', 'search-block person');
 
         let typeSpan = document.createElement('span');
         typeSpan.setAttribute('class', 'notscream');
@@ -269,13 +268,9 @@ class PersonItem {
         typeP.appendChild(typeSpan);
         element.appendChild(typeP);
 
-        let nameLink = document.createElement('a');
-        nameLink.setAttribute('href', url);
-        nameLink.textContent = name;
-
         let nameP = document.createElement('p');
+        nameP.textContent = name;
         nameP.setAttribute('class', 'main');
-        nameP.appendChild(nameLink);
         element.appendChild(nameP);
 
         let skillsDiv = document.createElement('div');

style/faq.css

@@ -39,6 +39,15 @@
     font-size: 18px;
 }
 
+.faq-section .inner-content a {
+    text-decoration: none;
+    color: #3498DB;
+}
+
+.faq-section .inner-content a:hover {
+    text-decoration: underline;
+}
+
 .faq-section .spacer {
     padding: 10px;
-}
+}

style/kb.css

@@ -18,12 +18,11 @@
 .kb-section a {
     text-decoration: none;
     color: #3498DB;
-    opacity: 1;
     font-size: 18px;
 }
 
 .kb-section a:hover {
-    opacity: 0.6;
+    text-decoration: underline;
 }
 
 .kb-article-header {
@@ -62,12 +61,11 @@
 .kb-article-section a {
     text-decoration: none;
     color: #3498DB;
-    opacity: 1;
     font-size: 16px;
 }
 
 .kb-article-section a:hover {
-    opacity: 0.6;
+    text-decoration: underline;
 }
 
 .kb-article-section p {
@@ -81,4 +79,4 @@
 .kb-article-section li {
     padding-top: 10px;
     padding-bottom: 10px;
-}
+}

style/search.css

@@ -1,11 +1,8 @@
-#searchbar {
-
+#search-bar {
     text-align: center;
-
 }
 
-#searchbox {
-
+#search-box {
     margin: auto;
     width: 400px;
     max-width: 500px;
@@ -16,52 +13,54 @@
     font-family: Poppins;
     font-size: 25px;
     outline: none;
-
 }
 
-#searchbox :focus {
-
+#search-box :focus {
     outline: none;
-
 }
 
-#searchresults {
-
+#search-results {
     margin-top: 100px;
     padding: 0 15px 0 15px;
-
 }
 
-#searchoptions {
-
+#search-options {
     padding-top: 20px;
     font-size: 16px;
     vertical-align: middle;
-
 }
 
-#searchoptions label {
-
+#search-options label {
     padding-left: 0;
     padding-right: 10px;
-
 }
 
-.searchblock {
-
+.search-block {
     max-width: 500px;
     min-height: 100px;
     position: relative;
     display: block;
     background-color: #FFFFFF;
-    margin: 10px auto;
+    border: 2px solid transparent;
+    border-radius: 5px;
+    margin: 20px auto;
     padding: 10px;
-    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     white-space: nowrap;
+    text-decoration: none;
+    color: black;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
+}
+
+.search-block.project:hover {
+    border: 2px solid #E97451;
+}
 
+.search-block.person:hover {
+    border: 2px solid #3498DB;
 }
 
-.searchblock a {
+/*
+.search-block a {
 
     text-decoration: none;
     display: inline-block;
@@ -70,7 +69,7 @@
 
 }
 
-.searchblock a:after {
+.search-block a:after {
 
     display: block;
     content: '';
@@ -81,28 +80,25 @@
 
 }
 
-.searchblock a:hover:after {
+.search-block a:hover:after {
     transform: scaleX(1);
     transform-origin: 0% 50%;
 }
+*/
 
-.searchblock .mini {
-
+.search-block .mini {
     font-size: 16px;
     text-align: right;
     margin: 0;
-
 }
 
-.searchblock .main {
-
+.search-block .main {
     font-weight: bold;
     font-size: 24px;
     text-align: left;
     margin: 0;
     margin-right: 10px;
     display: inline-block;
-
 }
 
 .skills {
@@ -122,60 +118,47 @@
 
 .skill-icon:hover {
     color: blue;
+    cursor: default;
 }
 
-.searchblock .sub {
-
+.search-block .sub {
     font-weight: 800;
     font-size: 14px;
     text-align: left;
-
-
-
 }
 
-.searchblock .sub .notscream {
-
+.search-block .sub .notscream {
     font-weight: normal;
-
 }
 
-.searchblock .moresub {
-
+.search-block .moresub {
     font-weight: normal;
     font-size: 16px;
     text-align: left;
     max-width: 100%;
     line-height: 20px;
     overflow: hidden;
-
 }
 
-.searchblock .vertical {
-
+.search-block .vertical {
     border-left: 6px solid green;
     height: 500px;
-
 }
 
 .searchline {
-
     max-width: 200px;
     color: black;
     text-align: center;
     border: 1px solid gray;
     margin-top: 5px;
     margin-bottom: 5px;
-
 }
 
 .largesearchline {
-
     max-width: 400px;
     color: black;
     text-align: center;
     border: 1px solid black;
     margin-top: 5px;
     margin-bottom: 5px;
-
 }