Davte
Queer European MD passionate about IT
Home Explore Help
Sign In
Davte
/
micheles-website
forked from michelezoncheddu/personal-website
1
0
Fork 0
Files
Browse Source

Style updates

michelezoncheddu 5 years ago
parent
83f48e133c
commit
686ee677f1
2 changed files with 41 additions and 25 deletions
Split View Show Diff Stats
  1. 18 11
      src/index.html
  2. 23 14
      src/style/style.css

+ 18 - 11
src/index.html
View File 

@@ -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
View File 

@@ -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 {