├── CNAME ├── img ├── dude.png ├── dude_.png ├── andrew.gif ├── andrew_xmas.png └── andrew_xmas_.png ├── favicon ├── favicon.ico ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon-96x96.png ├── mstile-70x70.png ├── apple-touch-icon.png ├── favicon-160x160.png ├── favicon-192x192.png ├── favicon-200x200.png ├── mstile-144x144.png ├── mstile-150x150.png ├── mstile-310x150.png ├── mstile-310x310.png ├── apple-touch-icon-57x57.png ├── apple-touch-icon-60x60.png ├── apple-touch-icon-72x72.png ├── apple-touch-icon-76x76.png ├── apple-touch-icon-114x114.png ├── apple-touch-icon-120x120.png ├── apple-touch-icon-144x144.png ├── apple-touch-icon-152x152.png ├── apple-touch-icon-180x180.png ├── apple-touch-icon-precomposed.png └── browserconfig.xml ├── style ├── img │ ├── silin-logo.png │ └── silin-logo_.png └── css │ ├── blog.css │ └── index.css ├── js └── src │ ├── blog.js │ └── index.js ├── blog.html └── index.html /CNAME: -------------------------------------------------------------------------------- 1 | silin.lv -------------------------------------------------------------------------------- /img/dude.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/img/dude.png -------------------------------------------------------------------------------- /img/dude_.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/img/dude_.png -------------------------------------------------------------------------------- /img/andrew.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/img/andrew.gif -------------------------------------------------------------------------------- /favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon.ico -------------------------------------------------------------------------------- /img/andrew_xmas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/img/andrew_xmas.png -------------------------------------------------------------------------------- /img/andrew_xmas_.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/img/andrew_xmas_.png -------------------------------------------------------------------------------- /favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /favicon/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon-96x96.png -------------------------------------------------------------------------------- /favicon/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/mstile-70x70.png -------------------------------------------------------------------------------- /style/img/silin-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/style/img/silin-logo.png -------------------------------------------------------------------------------- /style/img/silin-logo_.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/style/img/silin-logo_.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /favicon/favicon-160x160.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon-160x160.png -------------------------------------------------------------------------------- /favicon/favicon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon-192x192.png -------------------------------------------------------------------------------- /favicon/favicon-200x200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/favicon-200x200.png -------------------------------------------------------------------------------- /favicon/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/mstile-144x144.png -------------------------------------------------------------------------------- /favicon/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/mstile-150x150.png -------------------------------------------------------------------------------- /favicon/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/mstile-310x150.png -------------------------------------------------------------------------------- /favicon/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/mstile-310x310.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /favicon/apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/connected/connected.github.io/master/favicon/apple-touch-icon-precomposed.png -------------------------------------------------------------------------------- /favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | #00aba9 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /js/src/blog.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Google analitycs. 3 | */ 4 | (function(){ 5 | 6 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 7 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 8 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 9 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 10 | 11 | ga('create', 'UA-57636576-1', 'auto'); 12 | ga('send', 'pageview'); 13 | 14 | })(); 15 | -------------------------------------------------------------------------------- /style/css/blog.css: -------------------------------------------------------------------------------- 1 | html 2 | { 3 | height: 100%; 4 | } 5 | 6 | body 7 | { 8 | height: 100%; 9 | margin: 0px; 10 | padding: 0px; 11 | min-height: 360px; 12 | } 13 | 14 | #this-is-sparta 15 | { 16 | position: relative; 17 | top: 50%; 18 | font-family: "PT Mono", monospace; 19 | color: #000; 20 | position: relative; 21 | text-align: center; 22 | 23 | -webkit-transform: translateY(-50%); 24 | -moz-transform: translateY(-50%); 25 | transform: translateY(-50%); 26 | } 27 | 28 | #this-is-sparta .andrew 29 | { 30 | max-width: 397px; 31 | width: 80%; 32 | height: auto; 33 | } 34 | 35 | #this-is-sparta .text p 36 | { 37 | padding: 0px 20px; 38 | font-size: 18px; 39 | line-height: 1.4em; 40 | } 41 | 42 | #this-is-sparta .links 43 | { 44 | 45 | } 46 | 47 | #this-is-sparta .links .back-link .arrow 48 | { 49 | position: relative; 50 | } 51 | 52 | #this-is-sparta .links .back-link:hover .arrow 53 | { 54 | left: -5px; 55 | } 56 | -------------------------------------------------------------------------------- /js/src/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Convert fake email. 3 | */ 4 | (function() { 5 | 6 | var emailLink = document.getElementById("email-link"); 7 | var email = emailLink.innerHTML.replace("|", "@"); 8 | 9 | emailLink.href = "mailto:" + email; 10 | emailLink.innerHTML = email; 11 | 12 | })(); 13 | 14 | 15 | /** 16 | * Logo animation. 17 | */ 18 | (function() { 19 | 20 | var logo = document.getElementById("logo"); 21 | var timer; 22 | 23 | if (typeof(logo.classList) != "undefined") { 24 | logo.addEventListener("mouseenter", mouseEventHandler); 25 | logo.addEventListener("click", mouseEventHandler); 26 | } 27 | 28 | function mouseEventHandler() { 29 | logo.classList.add("hover"); 30 | window.clearTimeout(timer); 31 | timer = window.setTimeout(function(e) { 32 | logo.classList.remove("hover"); 33 | }, 500); //This helps to finish animation smoothly :) 34 | } 35 | 36 | })(); 37 | 38 | 39 | /** 40 | * Google analitycs. 41 | */ 42 | (function(){ 43 | 44 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 45 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 46 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 47 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 48 | 49 | ga('create', 'UA-57636576-1', 'auto'); 50 | ga('send', 'pageview'); 51 | 52 | })(); 53 | -------------------------------------------------------------------------------- /style/css/index.css: -------------------------------------------------------------------------------- 1 | html 2 | { 3 | height: 100%; 4 | } 5 | 6 | body 7 | { 8 | position: relative; 9 | min-height: 100%; 10 | margin: 0px; 11 | padding: 0px; 12 | } 13 | 14 | #dude-image 15 | { 16 | position: absolute; 17 | bottom: 0px; 18 | left: 10%; 19 | width: 20%; 20 | max-width: 212px; 21 | } 22 | 23 | #this-is-sparta 24 | { 25 | position: relative; 26 | padding: 10% 0px 18%; 27 | text-align: center; 28 | } 29 | 30 | #this-is-sparta 31 | { 32 | font-family: "PT Mono", monospace; 33 | color: #000; 34 | } 35 | 36 | #this-is-sparta .logo 37 | { 38 | display: inline-block; 39 | position: relative; 40 | width: 264px; 41 | height: 83px; 42 | margin-bottom: 30px; 43 | background: url("../img/silin-logo.png") no-repeat left top; 44 | cursor: pointer; 45 | -webkit-user-select: none; 46 | -moz-user-select: none; 47 | -ms-user-select: none; 48 | -webkit-tap-highlight-color: rgba(0,0,0,0); 49 | } 50 | 51 | #this-is-sparta .text 52 | { 53 | margin-bottom: 40px; 54 | } 55 | 56 | #this-is-sparta .text p 57 | { 58 | font-size: 18px; 59 | } 60 | 61 | #this-is-sparta .nav .item-list 62 | { 63 | margin-top: 10px; 64 | list-style: none; 65 | margin: 0px; 66 | padding: 0px; 67 | } 68 | 69 | #this-is-sparta .nav .item-list .item 70 | { 71 | margin: 0px; 72 | padding: 0px; 73 | } 74 | 75 | .logo:before, 76 | .logo:after 77 | { 78 | content: ""; 79 | display: block; 80 | position: absolute; 81 | width: 6px; 82 | height: 6px; 83 | background-color: #000; 84 | border-radius: 5px; 85 | } 86 | 87 | .logo:before 88 | { 89 | top: 14px; 90 | left: 88px; 91 | } 92 | 93 | .logo:after 94 | { 95 | top: 10px; 96 | left: 124px; 97 | } 98 | 99 | .logo.hover:after 100 | { 101 | -webkit-animation: jump .5s ease .1s; 102 | -moz-animation: jump .5s ease .1s; 103 | } 104 | 105 | .logo.hover:before 106 | { 107 | -webkit-animation: jump .5s; 108 | -moz-animation: jump .5s; 109 | } 110 | 111 | @-webkit-keyframes jump 112 | { 113 | 0% {-webkit-transform: translate(0px, 0px);} 114 | 50% {-webkit-transform: translate(-5px, -18px);} 115 | 100% {-webkit-transform: translate(0px, 0px);} 116 | } 117 | 118 | @-moz-keyframes jump 119 | { 120 | 0% {-moz-transform: translate(0px, 0px);} 121 | 50% {-moz-transform: translate(-5px, -18px);} 122 | 100% {-moz-transform: translate(0px, 0px);} 123 | } 124 | -------------------------------------------------------------------------------- /blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Silin.lv - Бложек 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 |
62 | 63 | Андрей думает... 64 | 65 |
66 |

Андрей ещё думает, что бы написать...

67 |
68 | 69 |
70 | 71 | 72 | ← 73 | Назад 74 | 75 | 76 |
77 | 78 |
79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Silin.lv - Верстаю упущенное. 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | Dude image 62 | 63 |
64 | 65 | 66 | 67 |
68 | 69 |
70 |

– Не верстальщик, а front-end разработчик!

71 |
72 | 73 |

e-mail: andrew|silin.lv

74 | 75 |
76 | 77 |
78 | 79 | 86 | 87 |
88 | 89 |
90 | 91 | 92 | 93 | 94 | 95 | 96 | --------------------------------------------------------------------------------