vladfaust/vladfaust.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New version

Browse Source
This commit is contained in:
Vlad Faust
2016-01-16 22:52:53 +03:00
parent 1556d6ca5b
commit d472283ce4
15 changed files with 160 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
source/_gtm.haml
View File

@@ -1,10 +0,0 @@
/ Google Tag Manager
%noscript
%iframe{:height => "0", :src => "//www.googletagmanager.com/ns.html?id=GTM-MRZ5F7", :style => "display:none;visibility:hidden", :width => "0"}
:javascript
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MRZ5F7');
/ End Google Tag Manager

6
source/_gtm.html.slim Normal file
View File

@@ -0,0 +1,6 @@
/! Google Tag Manager
noscript
iframe height="0" src="//www.googletagmanager.com/ns.html?id=GTM-MRZ5F7" style="display:none;visibility:hidden" width="0"
javascript:
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MRZ5F7');
/! End Google Tag Manager

8
source/_project.html.slim Normal file
View File

@@ -0,0 +1,8 @@
.project.well
table
tr
td
= image_tag(image, class: 'img-responsive img-rounded')
td.text-left.project-description
.lead= link_to name, link, target: :blank
= description

BIN
source/images/projects/dicesbot.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
source/images/projects/jumpinsweeties.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
source/images/projects/parrotfarm.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

1
source/images/socials/mail.svg Normal file
View File

@@ -0,0 +1 @@
<?xml version="1.0" ?><svg height="512" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs12"/><g id="g5274"><rect height="512" id="rect2987" rx="64" ry="64" style="fill:#168de2;fill-opacity:1;fill-rule:nonzero;stroke:none" width="512" x="0" y="5.6843419e-014"/><path d="m 325.08023,254.16735 c -2.27055,-44.21506 -35.10145,-70.80947 -74.74837,-70.80947 h -1.49271 c -45.75131,0 -71.12043,35.9769 -71.12043,76.84766 0,45.75277 30.69113,74.65689 70.94771,74.65689 44.86825,0 74.37896,-32.87444 76.51434,-71.75258 l -0.10083,-8.9425 z M 249.06141,143.77992 c 30.56941,0 59.31572,13.51355 80.41569,34.67344 v 0.0789 c 0,-10.1542 6.83707,-17.81281 16.32463,-17.81281 l 2.40265,-0.0161 c 14.83791,0 17.89376,14.04663 17.89376,18.49011 l 0.0672,157.91815 c -1.04965,10.34343 10.67237,15.68341 17.16706,9.04303 25.36152,-26.06002 55.69376,-133.97115 -15.76452,-196.48095 -66.59585,-58.291684 -155.95549,-48.69003 -203.47876,-15.93125 -50.52505,34.84324 -82.846827,111.9703 -51.44697,184.40458 34.23344,79.00115 132.18414,102.5653 190.40359,79.05815 29.47929,-11.89766 43.09031,27.94902 12.47443,40.97143 C 269.2643,457.87699 140.49957,455.88877 80.353263,351.69281 39.713683,281.34277 41.867183,157.55899 149.65819,93.430316 232.10858,44.355874 340.82166,57.938441 406.3724,126.39644 c 68.51948,71.56628 64.51614,205.58696 -2.30796,257.68275 -30.28271,23.6752 -75.26202,0.64267 -74.97824,-33.85059 l -0.30789,-11.27602 c -21.08477,20.92125 -49.14793,33.12827 -79.71734,33.12827 -60.39852,0 -113.54541,-53.13038 -113.54541,-113.53943 0,-60.99006 53.14689,-114.76179 113.54541,-114.76179 l 0,0" id="path24_3_" style="fill:#ffffff"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

19
source/index.haml
View File

@@ -1,19 +0,0 @@
;;;
"title": "Vlad Faust | Vladislav Faust | Vlad Faust.com"
;;;
.container
#hi.center-block
%h1= "Hi, my name is #{ link_to "Vlad Faust", '#' },"
%h2= "and I'm the #{content_tag :em, 'next big startup'} founder."
%hr
#socials.center-block
= link_to (image_tag image_path('socials/github.svg'), class: 'social-icon', id: 'github'), socials[:github], target: :blank, class: 'social-link', alt: socials[:github]
= link_to (image_tag image_path('socials/twitter.svg'), class: 'social-icon', id: 'twitter'), socials[:twitter], target: :blank, class: 'social-link', alt: socials[:twitter]
= link_to (image_tag image_path('socials/telegram.svg'), class: 'social-icon', id: 'telegram'), socials[:telegram], target: :blank, class: 'social-link', alt: socials[:telegram]
= link_to (image_tag image_path('socials/vkontakte.svg'), class: 'social-icon', id: 'vkontakte'), socials[:vkontakte], target: :blank, class: 'social-link', alt: socials[:vkontakte]
= link_to (image_tag image_path('socials/google_play.svg'), class: 'social-icon', id: 'google-play'), socials[:google_play], target: :blank, class: 'social-link', alt: socials[:google_play]
= link_to (image_tag image_path('socials/instagram.svg'), class: 'social-icon', id: 'instagram'), socials[:instagram], target: :blank, class: 'social-link', alt: socials[:instagram]
%hr
#contact.center-block
%h4= "Or email me at #{ mail_to socials[:email], socials[:email], id: 'mailto' }"

36
source/index.html.slim Normal file
View File

@@ -0,0 +1,36 @@
- @title = 'Vlad Faust | Vladislav Faust | VladFaust.com'
.container-fluid
.row
.col-md-2
.col-md-8
.row
.col-xs-1
.col-xs-10
#hi
h1= "Hi, my name is #{ link_to "Vlad Faust", '#' },"
h2= "and I'm the #{ content_tag :em, 'next big startup' } founder."
hr
#projects
= partial(:project, locals: {name: 'Parrotfarm', image: 'projects/parrotfarm.jpg', description: 'A showcase opensource Rails + AngularJS app', link: 'https://github.com/vladfaust/parrotfarm'})
= partial(:project, locals: {name: 'Jumpin Sweeties', image: 'projects/jumpinsweeties.jpg', description: 'Handcrafted Android game written with libGDX', link: 'https://play.google.com/store/apps/details?id=com.vladislavfaust.jumpinsweeties.android'})
= partial(:project, locals: {name: 'dicesBot', image: 'projects/dicesbot.jpg', description: 'Telegram lottery bot w/ Bitcoin included, written in Ruby', link: 'https://telegram.me/dicesBot'})
hr
#socials
h2
| Say hello to me:&nbsp
= link_to 'hello@vladfaust.com', 'mailto:hello@vladfaust.com'
h3
| Also seen on&nbsp
= link_to 'GitHub', 'https://github.com/vladfaust'
| &nbspand&nbsp
= link_to 'Twitter', 'https://twitter.com/vladfaust'
/= link_to (image_tag image_path('socials/github.svg'), class: 'social-icon', id: 'github'), socials[:github], target: :blank, class: 'social-link', alt: socials[:github]
/= link_to (image_tag image_path('socials/twitter.svg'), class: 'social-icon', id: 'twitter'), socials[:twitter], target: :blank, class: 'social-link', alt: socials[:twitter]
/= link_to (image_tag image_path('socials/telegram.svg'), class: 'social-icon', id: 'telegram'), socials[:telegram], target: :blank, class: 'social-link', alt: socials[:telegram]
/= link_to (image_tag image_path('socials/vkontakte.svg'), class: 'social-icon', id: 'vkontakte'), socials[:vkontakte], target: :blank, class: 'social-link', alt: socials[:vkontakte]
/= link_to (image_tag image_path('socials/google_play.svg'), class: 'social-icon', id: 'google-play'), socials[:google_play], target: :blank, class: 'social-link', alt: socials[:google_play]
/= link_to (image_tag image_path('socials/instagram.svg'), class: 'social-icon', id: 'instagram'), socials[:instagram], target: :blank, class: 'social-link', alt: socials[:instagram]
/= link_to (image_tag image_path('socials/mail.svg'), class: 'social-icon', id: 'mail'), socials[:email], target: :blank, class: 'social-link', alt: socials[:email]
.col-xs-1
.col-md-2

11
source/layouts/layout.haml
View File

@@ -1,11 +0,0 @@
!!!
%html
%head
%meta{:charset => "utf-8"}/
%meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
%title= current_page.data.title || "The Middleman"
= stylesheet_link_tag "all"
= javascript_include_tag "all"
= partial 'gtm'
%body.full-screen-height.vertical-center
= yield

11
source/layouts/layout.html.slim Normal file
View File

@@ -0,0 +1,11 @@
doctype html
html
head
meta charset="utf-8" /
meta content='IE=edge,chrome=1' http-equiv="X-UA-Compatible" /
title= @title || 'The Middleman'
= stylesheet_link_tag 'all'
= javascript_include_tag 'all'
= partial 'gtm' unless development? || build?
body
= yield

71
source/stylesheets/all.sass
View File

@@ -1,33 +1,74 @@
@charset "utf-8"
@import url("https://fonts.googleapis.com/css?family=Bitter")
$font-size-base: 16px
@import "normalize.css"
@import "bootstrap"
@import "bourbon"
#hi, #contact, #socials
text-align: center
max-width: 90%
body
background: url("http://api.thumbr.it/whitenoise-361x370.png?background=ffffffff&noise=626262&density=18&opacity=11")
font-family: 'Bitter', sans-serif
#hi h2
margin-top: -0.2em
#hi
margin-top: 15em
margin-top: 20vh
#socials
margin-bottom: 15em
margin-bottom: 20vh
.social-link
&:not(:first-child)
margin-left: 0.2em
margin-left: 0.5vh
.social-icon
@include calc(width, '(100% - 0.2em * 16) / 6')
max-width: 48px
width: 10vw
max-width: 7vh
#contact
margin-bottom: 50px
.project
img
max-width: 5em
.vertical-center
display: flex
align-items: center
justify-content: center
.project-block
display: inline-block
vertical-align: middle
.full-screen-height
min-height: 100%
min-height: 100vh
.project-description
padding-left: 1em
.lead
margin-bottom: 0em
@media (max-width: $screen-md-min)
h1
font-size: 7vw
h2
font-size: 5vw
max-font-size: 5vh
p, td
font-size: 4vw
max-font-size: 4vh
.lead
font-size: 5vw
max-font-size: 5vh
hr
margin-top: 3vw
margin-bottom: 3vw
.well:not(:first-child)
margin-top: 3vw
#hi
margin-top: 5vh
#socials
margin-bottom: 5vh