Queer European MD passionate about IT
michelezoncheddu před 5 roky
revize
fa296eff82
4 změnil soubory, kde provedl 113 přidání a 0 odebrání
  1. 6 0
      .gitignore
  2. 1 0
      README.md
  3. 31 0
      src/index.html
  4. 75 0
      src/style/style.css

+ 6 - 0
.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+._*
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes

+ 1 - 0
README.md

@@ -0,0 +1 @@
+# personal-website

+ 31 - 0
src/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+
+<html lang="en">
+	<head>
+		<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">
+	</head>
+
+	<body>
+		<div id="header" class="mono">
+			<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>)
+				</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>
+	</body>
+</html>

+ 75 - 0
src/style/style.css

@@ -0,0 +1,75 @@
+body {
+	font-family: 'Open Sans', sans-serif;
+	text-align: center;
+}
+
+.title {
+	font-size: 1.5em;
+	padding: 1%;
+}
+
+#header {
+	font-size: 3em;
+	margin: 5%;
+	padding: 5% 5% 0% 5%;
+}
+
+#center {
+	margin: 3%;
+	padding: 3%;
+}
+
+#links {
+	margin-top: 10%;
+	padding: 3%;
+}
+
+ul {
+	margin: 2%;
+	padding-left: 0;
+}
+
+li {
+	margin: 2%;
+}
+
+li::first-letter {
+	color: #444444;
+}
+
+a:link, a:visited, a:active {
+	color: green;
+}
+
+a:hover {
+	color: darkslategray;
+}
+
+#github-icon {
+	width: 20px;
+	height: 20px;
+	vertical-align: text-top;
+}
+
+.mono {
+	font-family: 'Inconsolata', monospace;
+}
+
+.blink_text {
+	opacity: 0;
+	animation: 1s blinker ease-in-out 10;
+}
+
+@keyframes blinker {  
+	0%   { opacity: 0.0; }
+	50%  { opacity: 1.0; }
+	100% { opacity: 0.0; }
+}
+
+.grow {
+	transition: all .2s ease-in-out;
+}
+
+.grow:hover {
+	transform: scale(1.1);
+}