Davte
Queer European MD passionate about IT
Sākums Izpētīt Palīdzība
Pierakstīties
michelezoncheddu
/
personal-website
1
0
Atdalīts 1
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

Style update

michelezoncheddu 5 gadi atpakaļ
vecāks
38efe4afa9
revīzija
006d1addf5
2 mainītis faili ar 38 papildinājumiem un 32 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 19 14
      static/index.html
  2. 19 18
      static/style.css

+ 19 - 14
static/index.html
Parādīt failu 

@@ -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
Parādīt failu 

@@ -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;
 
 }