aserven.github.io/index.html at master · aserven/aserven.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
    <title>Albert Serven</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/favicon.ico">
    <style>
        @font-face{font-family:'Roboto Light';src:url(fonts/Roboto-Light.ttf)}body,html{font-family:Roboto Light,Helvetica,Arial,sans-serif;font-size:50px;margin:0;border:0;font-weight:100;min-height:400px;background-color:#AD7;background:#AD7 -webkit-gradient(linear,left top,left bottom,from(#7D8),to(#AD7)) no-repeat;background:#AD7 -moz-linear-gradient(top,#7D8,#AD7) no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#77DD88, endColorstr=#AADD77) no-repeat;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#77DD88, endColorstr=#77DD88)" no-repeat}span{word-spacing:none}.name{padding:200px 0 50px 0;font-size:100px;color:#353;text-align:center}.title{text-align:center}*{color:#585}.logos{position:absolute;bottom:50px;font-size:30px;margin-left:29.5%;margin-right:29.5%;margin-bottom:20px;width:40%}.logos a{display:inline-block;float:left;width:33%;text-align:center;text-decoration:none}.logos img{width:1em;height:1em}@media (max-height:600px){.name{padding:50px 0}.logos{position:inherit;margin-top:250px}}@media (max-width:1200px){.name{font-size:70px}}@media (max-width:800px){.name{padding-top:50px;font-size:50px}.title{font-size:40px}.logos{position:inherit;margin-top:20px}.logos a{display:block;float:none;width:100%;margin-top:15px}}@media (max-width:540px){.name{font-size:30px}.title{font-size:25px}.logos a{font-size:20px}}@media (max-width:320px){.name{font-size:25px}.title{font-size:20px}.logos a{font-size:20px}}
    </style>
</head>

<body>
    <div class="name">Albert Serven Graupera</div>
    <div class="title">Computer programmer</div>

    <div class="logos">
        <a href="https://twitter.com/albert_serven"><img src="images/twitter.svg"></a>
        <a href="mailto:albertATservenDOTcat?Subject=Hello Albert" onclick = "this.href=this.href.replace(/AT/,'&#64;').replace(/DOT/,'&#46;')"><img src="images/envelope.svg"></a>
        <a href="https://gitlab.com/aserven"><img src="images/code-solid.svg"></a>
    </div>

</body>

</html>