Skip to content

Commit b0abf2c

Browse files
davidkuchardavidkuchar
committed
completed design of splash page
1 parent 16bc556 commit b0abf2c

File tree

2 files changed

+62
-43
lines changed

2 files changed

+62
-43
lines changed

‎_layouts/default.html‎

Lines changed: 29 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66

77
<!-- RSS FEED -->
88
<link href="{{ site.feed }}" rel="alternate" type="application/atom+xml" title="David Kuchar" />
9-
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
9+
<!-- <link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'> -->
10+
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
1011
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
1112

1213
<title>David Kuchar</title>
@@ -16,30 +17,33 @@
1617

1718
<body>
1819

19-
<header>
20-
<div class="container">
21-
<img class="headshot" src="assets/img/david_kuchar_headshot.jpg">
22-
<h1>David Kuchar</h1>
23-
</div>
24-
</header>
25-
26-
<main>
27-
<div class="container">
28-
<p>Entrepreneur, Software Architect</p>
29-
<a class="contact-button" href="mailto:[email protected]">Contact me</a>
30-
</div>
31-
</main>
32-
33-
<footer>
34-
<div class="container">
35-
<ul class="inline">
36-
<li><a href="http://instagram.com/davekuchar" target="_blank"><i class="fa fa-instagram fa-2x"></i></a></li>
37-
<li><a href="https://www.linkedin.com/in/davidkuchar" target="_blank"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
38-
<li><a href="https://github.com/davidkuchar" target="_blank"><i class="fa fa-github-square fa-2x"></i></a></li>
39-
<li style="margin-top:5px;"><a href="https://angel.co/davidkuchar?follow=1&type=User&id=31813"></a><script src="https://angel.co/javascripts/embed.js" type="text/javascript"></script></span></li>
40-
</ul>
41-
</div>
42-
</footer>
20+
<div class="container">
21+
22+
<header>
23+
<img class="headshot" src="assets/img/david_kuchar_headshot.jpg">
24+
<h1>David Kuchar</h1>
25+
<!-- <h2><small>Entrepreneur, Software Architect</small></h2> -->
26+
</header>
27+
28+
<main>
29+
<p>Entrepreneur based in San Francisco. High-level thinker
30+
with a broad engineering background and experience in marketing and
31+
product design.</p>
32+
<p>Consulting CTO with <a href="http://svsg.co" title="Silicon Valley Software Group">SVSG</a>, offering lean startup workshops and
33+
technical guidance to startups.</p>
34+
<a class="contact-button" href="mailto:[email protected]">Contact me</a>
35+
</main>
36+
37+
<footer>
38+
<ul class="inline">
39+
<li><a href="http://instagram.com/davekuchar" target="_blank"><i class="fa fa-instagram fa-2x"></i></a></li>
40+
<li><a href="https://www.linkedin.com/in/davidkuchar" target="_blank"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
41+
<li><a href="https://github.com/davidkuchar" target="_blank"><i class="fa fa-github-square fa-2x"></i></a></li>
42+
<li style="margin-top:7px;"><a href="https://angel.co/davidkuchar?follow=1&type=User&id=54469"></a><script src="https://angel.co/javascripts/embed.js" type="text/javascript"></script></li>
43+
</ul>
44+
</footer>
45+
46+
</div>
4347

4448
<script src="/assets/css/splash.js"></script>
4549

‎assets/css/splash.css‎

Lines changed: 33 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,22 @@ https://color.adobe.com/Calico-color-theme-2050808/
88
#FDFFFF
99
*/
1010

11+
/* sandy stone beach ocean diver Swatch
12+
https://color.adobe.com/sandy-stone-beach-ocean-diver-color-theme-15325/
13+
#E6E2AF 230/226/175
14+
#A7A37E 167/163/126
15+
#EFECCA 239/236/202
16+
#046380 4/99/128
17+
#002F2F 0/47/47
18+
*/
19+
1120
body {
12-
padding: 10% 0;
13-
font-family: 'Noto Sans', sans-serif;
21+
padding: 5% 0;
22+
font-family: 'Muli', sans-serif;
1423
font-style: normal;
1524
font-weight: 400;
16-
/*background-color:#D4C9CD;*/
17-
/*background-color:#272324;*/
18-
/*background-color:#706968;*/
19-
/*background-color:#C19C7D;*/
20-
background-color:#FDFFFF;
21-
color:#272324;
25+
background-color:#A7A37E;
26+
color:#002F2F;
2227
margin:0;
2328
}
2429

@@ -27,10 +32,13 @@ body {
2732
margin: 0 auto;
2833
width:300px;
2934
text-align:center;
35+
background-color: #EFECCA;
36+
border-radius: 5px;
37+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
3038
}
3139

3240
header {
33-
/*background-color:#C19C7D;*/
41+
padding: 40px 0 20px;
3442
}
3543

3644
header .headshot {
@@ -40,23 +48,23 @@ header .headshot {
4048
}
4149

4250
main {
43-
background-color:#C19C7D;
44-
padding:40px 0;
51+
background-color:#E6E2AF;
52+
padding:40px 10px;
53+
}
54+
55+
main p {
56+
margin-bottom:30px;
4557
}
4658

4759
.contact-button {
4860
color: #fff;
4961
background-color: #6496c8;
5062
text-shadow: -1px 1px #417cb8;
5163
border: none;
52-
5364
text-decoration: none;
54-
5565
display: inline-block;
56-
/*margin: 0 10px 0 0;*/
5766
padding: 15px;
5867
font-size: 1em;
59-
/*line-height: 1em;*/
6068
appearance: none;
6169
box-shadow: none;
6270
border-radius: 0;
@@ -78,12 +86,13 @@ main {
7886
}
7987

8088
footer {
81-
margin: 40px 0 0 0;
89+
padding:40px 10px;
90+
/*background-color: #A7A37E;*/
8291
color:#FDFFFF;
8392
}
8493

8594
footer i {
86-
color:#D4C9CD;
95+
color:#6496c8;
8796
}
8897

8998
ul.inline {
@@ -93,8 +102,14 @@ ul.inline {
93102
position:relative;
94103
}
95104

105+
ul.inline:after {
106+
content:'';
107+
display:block;
108+
clear: both;
109+
}
110+
96111
ul.inline li {
97-
float:left;
112+
float:right;
98113
height:40px;
99114
padding: 5px 10px;
100115
}

0 commit comments

Comments
 (0)