Skip to content


Subversion checkout URL

You can clone with
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

116 lines (102 sloc) 2.686 kB
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="author" content="sunnylost">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='' rel='stylesheet' type='text/css'>
<style type="text/css">
* {
padding: 0;
margin: 0;
html {
font-family: Numans, serif;
font-size: 16px;
background: url(assets/imgs/matterhorn-mountain-stars.jpg) no-repeat 0 0;
background-size: cover;
background-attachment: fixed;
overflow-x: hidden;
width: 100%;
height: 100%;
min-height: 400px;
body {
background: rgba(255, 255, 255, .1);
width: 100%;
height: 100%;
a {
text-decoration: none;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
a:hover {
color: #1899d3;
.wrapper {
height: 100%;
width: 70%;
margin: 0 auto;
text-align: center;
nav {
padding-top: 5%;
font-size: 1.5rem;
text-align: right;
nav a {
color: #fff;
display: inline-block;
padding: 10px;
margin: 0 20px;
text-transform: capitalize;
.intro {
color: #fff;
text-align: left;
margin: 5rem;
.intro h2 {
font-size: 6rem;
margin-bottom: 2rem;
display: inline-block;
.intro p {
font-size: 1.5rem;
line-height: 2;
.intro a, .intro a:visited {
color: #1899d3;
@media screen and (max-width: 700px) {
html {
font-size: 12px;
.wrapper {
width: 90%;
<div class="wrapper">
<a href="article/index.html" title="Article">article</a>
<a href="demo/index.html" title="Demo">demo</a>
<a href="web-weekly" title="Web Weekly">web weekly</a>
<a href="" target="_blank" title="GitHub">gitHub</a>
<article class="intro">
<p>I'm sunnylost. </p>
<p>I'm a front-end engineer.</p>
<p>I borrowed this style from <a href="">Patrick Johnson's wonderful work.</a></p>
Jump to Line
Something went wrong with that request. Please try again.