Merge pull request #1114 from thevijayshankersharma/license

Added license section
jfmartinz · Jun 13, 2024 · 3bac8fe · 3bac8fe
2 parents ad1f420 + d27ab68
commit 3bac8fe
Show file tree

Hide file tree

Showing 2 changed files with 68 additions and 2 deletions.
diff --git a/new-website/index.html b/new-website/index.html
@@ -165,6 +165,19 @@ <h1 class="title dark:text-white">Organization</h1>
         <div class="logo">
             <img id="org-logo" src="assets/GSSocLight.png" alt="GirlScript Summer of Code Logo">
         </div>
+    </div>
+     <!-- License section -->
+    <div class="license-container">
+        <div class="license-content">
+            <div class="license-title-container">
+                <i class="fas fa-link license-link-icon"></i>
+                <h1 class="license-title dark:text-white">License</h1>
+            </div>
+            <p class="license-description">
+                <span>ResourceHub is licensed under the MIT License - see</span><br> the
+                <a href="LICENSE" target="_blank">LICENSE</a> file for details.
+            </p>
+        </div>
     </div>
     <!-- for particle effet -->
 

diff --git a/new-website/style.css b/new-website/style.css
@@ -1037,8 +1037,13 @@ body{
   color: white;
 }
 
-.dark #org-logo{
+.dark .license-container {
+  color: white;
+  background-color: black;
+}
 
+.dark .license-description{
+  color: white;
 }
 
 /* Add these styles to the end of your existing style.css file */
@@ -1093,4 +1098,52 @@ body{
 .logo img {
   max-width: 400px;
   height: auto;
-}
+}
+
+.license-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 90%;
+  max-width: 1000px;
+  background-color: #ffffff;
+  padding: 20px;
+  box-sizing: border-box;
+  margin: 40px auto;
+}
+
+.license-content {
+  flex: 1;
+  max-width: 600px;
+  padding-right: 20px;
+  box-sizing: border-box;
+}
+
+.license-title-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.license-link-icon {
+  font-size: 1.5em;
+  margin-right: 10px;
+}
+
+.license-title {
+  font-size: 2em;
+  margin: 0;
+}
+
+.license-description {
+  font-size: 1em;
+  line-height: 1.5;
+  color: #333333;
+}
+
+.license-description a {
+  color: #4682B4; /* Even darker shade of sky blue */
+  text-decoration: underline;
+}
+
+