repos, css etc

App-Choreography · Oct 27, 2022 · 88f1c81 · 88f1c81
1 parent 662f470
commit 88f1c81
Show file tree

Hide file tree

Showing 16 changed files with 236 additions and 110 deletions.
diff --git a/Images/ACLogo.png b/Images/ACLogo.png
diff --git a/Images/AppChoreoLogo.png → Images/ACLogoOld.png b/Images/AppChoreoLogo.png → Images/ACLogoOld.png
diff --git a/Images/EXAMPLE Badge.png b/Images/EXAMPLE Badge.png
diff --git a/Images/repos/FOR.gif b/Images/repos/FOR.gif
diff --git a/Images/repos/SM.gif b/Images/repos/SM.gif
diff --git a/Images/repos/bat.gif b/Images/repos/bat.gif
diff --git a/Images/repos/bgos.gif b/Images/repos/bgos.gif
diff --git a/Images/repos/dd.gif b/Images/repos/dd.gif
diff --git a/Images/repos/gpl.gif b/Images/repos/gpl.gif
diff --git a/Images/repos/hpp.gif b/Images/repos/hpp.gif
diff --git a/index.css b/index.css
@@ -7,12 +7,12 @@
 body{
     font-family: 'Cairo', sans-serif;
     padding: 10px;
-    background-color:gainsboro;
+    background-color:rgb(172, 157, 224);
 }
 
 .header{
     padding: 30px;
-    background-image: linear-gradient(rgb(0, 110, 255),yellow);
+    background-image: linear-gradient(rgb(0, 110, 255),rgb(111, 0, 255));
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;

diff --git a/index.html b/index.html
@@ -5,15 +5,15 @@
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="icon" href="./Images/AppChoreoLogo.png" />
+        <link rel="icon" href="./Images/ACLogo.png" />
         <link rel="stylesheet" type="text/css" href="index.css" />
         <title>App-Choreography</title>
     </head>
 
     <body>
         <div class="header">
             <div class="logo">
-                <img src="Images/AppChoreoLogo.png" />
+                <img src="Images/ACLogo.png" />
             </div>
             <h1>
                 App-Choreography.
@@ -88,7 +88,7 @@ <h3>
                     </h3>
                     <p>If you join our org, you will automatically get a sticker for you to use explaining how you are a
                         part of this org!</p>
-                    <img src="./Images/index/ExampleSticker.png" style="border-radius: 0%;" />
+                    <img src="./Images/EXAMPLE Badge.png" style="border-radius: 0%;" />
                     <h3>
                         Why not contribute to our Fix-The-README project?
                     </h3>

diff --git a/members.css b/members.css
@@ -7,7 +7,7 @@
 body{
     font-family: 'Cairo', sans-serif;
     padding: 10px;
-    background-color:gainsboro;
+    background-color:rgb(172, 157, 224);
 }
 
 .header{

diff --git a/members.html b/members.html
@@ -5,15 +5,15 @@
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="icon" href="./Images/AppChoreoLogo.png" />
+        <link rel="icon" href="./Images/ACLogo.png" />
         <link rel="stylesheet" type="text/css" href="members.css" />
         <title>App-Choreography</title>
     </head>
 
     <body>
         <div class="header">
             <div class="logo">
-                <img src="Images/AppChoreoLogo.png" />
+                <img src="Images/ACLogo.png" />
             </div>
             <h1>
                 App-Choreo's Members.

diff --git a/repos.css b/repos.css
@@ -0,0 +1,124 @@
+@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
+
+*{
+    box-sizing: border-box;
+}
+
+body{
+    font-family: 'Cairo', sans-serif;
+    padding: 10px;
+    background-color:rgb(172, 157, 224);
+}
+
+.header{
+    padding: 30px;
+    background-image: linear-gradient(rgb(0, 110, 255),rgb(138, 124, 156));
+    background-repeat: no-repeat;
+    background-size: cover;
+    text-align: center;
+    color:white;
+    border-top-right-radius: 25px;
+    border-top-left-radius: 25px;
+}
+
+
+.header h1{
+    font-size: 50px;
+    color: white;
+}
+
+.header h3 {
+    color: black;
+}
+
+.topnav{
+    /* position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    width: 100%;
+    height: 50px; */
+    overflow: hidden;
+    background-color: #333;
+    border-bottom-left-radius: 25px;
+    border-bottom-right-radius: 25px;
+}
+
+.topnav a{
+    float: left;
+    display: block;
+    color: #f2f2f2;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.topnav a:hover{
+    background-color: rgb(139, 231, 97);
+    color: black;
+}
+
+.logo img {
+    height:200px;
+    width: 200px;
+    float: left;
+}
+
+.leftcolumn{
+    float:left;
+    width: 75%;
+}
+
+.rightcolumn{
+    float: left;
+    width:25%;
+    padding-left: 20px;
+}
+
+.rightcolumn img{
+    width: 100%;
+    padding: 20px;
+    border-radius: 50px;
+}
+
+ img{
+    padding: 20px;
+    border-radius: 50px;
+}
+.card{
+    background-color: white;
+    padding: 20px;
+    margin-top: 20px;
+    border-radius: 25px;
+}
+
+.row:after{
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.footer{
+    padding: 20px;
+    text-align: center;
+    background-color: rgb(185, 224, 75);
+    margin-top: 20px;
+    border-radius: 10px;
+}
+
+@media screen and (max-width: 800px){
+    .leftcolumn, .rightcolumn{
+        width: 100%;
+        padding: 0;
+    }
+}
+
+@media screen and (max-width: 400px){
+    .topnav a{
+        float: none;
+        width: 100%;
+    }
+}
+ li{
+     list-style: none;
+ }