Queer European MD passionate about IT
Ver código fonte

Style updates

michelezoncheddu 5 anos atrás
pai
commit
686ee677f1
2 arquivos alterados com 41 adições e 25 exclusões
  1. 18 11
      src/index.html
  2. 23 14
      src/style/style.css

+ 18 - 11
src/index.html

@@ -5,27 +5,34 @@
 		<meta charset="utf-8">
 		<title>Michele Zoncheddu</title>
 		<link rel="stylesheet" type="text/css" media="all" href="style/style.css">
-		<link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans" rel="stylesheet">
+		<link href="https://fonts.googleapis.com/css?family=Inconsolata|Muli" rel="stylesheet">
 	</head>
 
 	<body>
-		<div id="header" class="mono">
+		<div id="header" class="monospaced">
 			<span style="color: gray">></span> Michele Zoncheddu<span class="blink_text">_</span>
 		</div>
 		<div id="center">
 			<div class="title grow">My projects</div>
-			<ul class="mono" style="list-style: none">
-				<li>>
-					<a href="https://davte.it/michele/image-editor/src">image-editor</a>
-					<!-- (<a href="https://davte.it/pull/michele/nZ7Vgm9SSg4vNBy3ytG">update</a>) -->
+			<ul class="monospaced">
+				<li>
+					> <a href="https://davte.it/michele/image-editor/src">image-editor</a> (a simple canvas image editor)
 				</li>
 			</ul>
 		</div>
-		<div id="links" 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>
+		<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="../images/gogs-logo.png">
+				My Gogs <a href="https://davte.it/gogs/michelezoncheddu">profile</a>
+			</li>
+		</ul>
 		</div>
 	</body>
 </html>

+ 23 - 14
src/style/style.css

@@ -1,6 +1,15 @@
 body {
-	font-family: 'Open Sans', sans-serif;
+	font-family: 'Muli', sans-serif;
 	text-align: center;
+	background: linear-gradient(184deg, black 0%, black 33%, transparent 33%);
+	background-repeat: no-repeat;
+}
+
+#header {
+	font-size: 3em;
+	margin-top: 3%;
+	padding: 5%;
+	color: white;
 }
 
 .title {
@@ -8,29 +17,23 @@ body {
 	padding: 1%;
 }
 
-#header {
-	font-size: 3em;
-	margin: 5%;
-	padding: 5% 5% 0% 5%;
-}
-
 #center {
-	margin: 3%;
-	padding: 3%;
+	padding: 2%;
 }
 
 #links {
-	margin-top: 10%;
-	padding: 3%;
+	margin-top: 7%;
+	padding: 2%;
 }
 
 ul {
 	margin: 2%;
 	padding-left: 0;
+	list-style: none;
 }
 
 li {
-	margin: 2%;
+	padding: 1%;
 }
 
 li::first-letter {
@@ -51,7 +54,13 @@ a:hover {
 	vertical-align: text-top;
 }
 
-.mono {
+.logo {
+	width: 20px;
+	height: 20px;
+	vertical-align: middle;
+}
+
+.monospaced {
 	font-family: 'Inconsolata', monospace;
 }
 
@@ -67,7 +76,7 @@ a:hover {
 }
 
 .grow {
-	transition: all .2s ease-in-out;
+	transition: .2s ease-in-out;
 }
 
 .grow:hover {