Queer European MD passionate about IT
Browse Source

Style update

michelezoncheddu 4 years ago
parent
commit
006d1addf5
2 changed files with 38 additions and 32 deletions
  1. 19 14
      static/index.html
  2. 19 18
      static/style.css

+ 19 - 14
static/index.html

@@ -10,29 +10,34 @@
 
 	<body>
 		<div id="header" class="monospaced">
-			<span style="color: gray">></span> Michele Zoncheddu<span class="blink_text">_</span>
+			<span style="color: gray">> </span>Michele Zoncheddu<span class="blink_text">_</span>
 		</div>
-		<div id="center">
-			<div class="title grow">My projects</div>
+
+		<div id="projects">
+			<div class="title grow">
+				My projects
+			</div>
 			<ul class="monospaced">
-				<li>
+				<li class="grow">
 					> <a href="https://michele.davte.it/image-editor/">image-editor</a> (a simple canvas image editor)
 				</li>
 			</ul>
 		</div>
+
 		<div id="links">
 			<ul>
 				<li class="grow">
-				<svg id="github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-					<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
-				</svg>
-				My GitHub <a href="https://github.com/michelezoncheddu">profile</a>
-			</li>
-			<li class="grow">
-				<img class="logo" src="img/gogs-logo.png">
-				My Gogs <a href="https://gogs.davte.it/michelezoncheddu">profile</a>
-			</li>
-		</ul>
+					<svg id="github-icon" class="logo" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+						<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+					</svg>
+					My GitHub <a href="https://github.com/michelezoncheddu">profile</a>
+				</li>
+				<li class="grow">
+					<img class="logo" src="img/gogs-logo.png">
+					My Gogs <a href="https://gogs.davte.it/michelezoncheddu">profile</a>
+				</li>
+			</ul>
 		</div>
+
 	</body>
 </html>

+ 19 - 18
static/style.css

@@ -1,39 +1,42 @@
+
 body {
 	font-family: 'Muli', sans-serif;
 	text-align: center;
-	background: linear-gradient(184deg, black 0%, black 33%, transparent 33%);
+	background: linear-gradient(184deg, black 0%, black 260px, transparent 260px);
 	background-repeat: no-repeat;
 }
 
 #header {
 	font-size: 3em;
-	margin-top: 3%;
-	padding: 5%;
+	padding-top: 80px;
+	padding-bottom: 100px;
 	color: white;
 }
 
-.title {
-	font-size: 1.5em;
-	padding: 1%;
+#projects {
+	width: 90%;	
+	margin: 4% auto;
 }
 
-#center {
-	padding: 2%;
-}
-
-#links {
-	margin-top: 7%;
-	padding: 2%;
+.title {
+	font-size: 1.5em;
+	margin: 2% auto;
 }
 
 ul {
-	margin: 2%;
-	padding-left: 0;
+	margin: 2% auto;
+	padding-left: 0px;
 	list-style: none;
 }
 
 li {
-	padding: 1%;
+	margin: 10px auto;
+}
+
+#links {
+	width: 90%;
+	margin: 2% auto;
+	margin-top: 15%;
 }
 
 li::first-letter {
@@ -49,8 +52,6 @@ a:hover {
 }
 
 #github-icon {
-	width: 20px;
-	height: 20px;
 	vertical-align: text-top;
 }