Skip to content
This repository was archived by the owner on Jul 15, 2021. It is now read-only.

Commit 5ccbf41

Browse files
jonfriskicsjonfriskics
committed
initial commit
0 parents  commit 5ccbf41

15 files changed

+192
-0
lines changed

‎README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# Front-end Foundations Soup to Bits
2+
3+
Drew and Jon created a simple portfolio website with HTML, CSS, and a few images for the [Soup to Bits: Front-end Foundations](https://www.codeschool.com/screencasts/soup-to-bits-front-end-foundations) episode on [Code School](http://codeschool.com).
4+
5+
This repo contains the final source code as shown at the end of the episode.

‎content.txt

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
Jon Friskics
2+
3+
4+
I'm an iOS Developer and Educator who works at Code School helping build the best way to learn to code.
5+
6+
7+
Try iOS (released November 2012), Try Objective-C (released March 2013), Core iOS 7 (released September 2013)
8+
9+
10+
Try iOS, Try Objective-C, iOS Operation: Models, Core iOS 7
11+
12+
13+
- Learning Auto Layout in Core iOS 7 https://www.codeschool.com/blog/2013/11/13/learning-auto-layout-in-core-ios-7/
14+
- Optimized for iOS 7 https://www.codeschool.com/blog/2013/12/20/optimized-for-ios-7/
15+
- (Early) thoughts on Swift, Apple's new programming language http://blog.codeschool.com/post/87704128233/early-thoughts-on-swift-apples-new-programming
16+
- How Apple's new programming language will impact your company http://www.bizjournals.com/orlando/blog/2014/06/how-apples-new-programming-language-will-impact.html?page=all
17+
- Swift is great, but you should still know Objective-C first http://venturebeat.com/2014/06/07/swift-is-great-but-you-should-still-know-objective-c-first/
18+
19+
20+
- Objective-C
21+
- Swift
22+
- HTML
23+
- CSS
24+
- JavaScript
25+
- git
26+
27+
28+
jon@codeschool.com

‎images/badges/core-ios-7@2x.png

62.2 KB
Loading

‎images/badges/ios-operation-models@2x.png

21.6 KB
Loading

‎images/badges/small/core-ios-7@2x.png

6.75 KB
Loading

‎images/badges/small/ios-operation-models@2x.png

6.94 KB
Loading

‎images/badges/small/try-ios@2x.png

8.07 KB
Loading

‎images/badges/small/try-objective-c@2x.png

7.85 KB
Loading

‎images/badges/try-ios@2x.png

30.7 KB
Loading

‎images/badges/try-objective-c@2x.png

2.01 KB
Loading

‎images/projects/core-ios-7-banner.png

106 KB
Loading

‎images/projects/try-ios-banner.png

154 KB
Loading

‎images/projects/try-objective-c-banner.png

89.7 KB
Loading

‎main.css

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
/* main.css */
2+
3+
html, body, h1, h2, h3, h4, p, div, ul, ol, li {
4+
padding: 0;
5+
border: 0;
6+
margin: 0;
7+
font: inherit;
8+
font-size: 100%;
9+
}
10+
h1 {
11+
font-family: "Helvetica Neue", Helvetica, sans-serif;
12+
font-size: 70px;
13+
font-weight: bold;
14+
text-align: center;
15+
}
16+
h2 {
17+
font-family: "Helvetica Neue", Helvetica, sans-serif;
18+
font-size: 30px;
19+
font-weight: 100;
20+
text-align: center;
21+
color: #ffffff;
22+
width: 700px;
23+
margin: 0 auto 0 auto;
24+
}
25+
h2 strong {
26+
font-weight: 400;
27+
}
28+
.header {
29+
background-color: #999999;
30+
}
31+
h3 {
32+
font-family: "Helvetica Neue", Helvetica, sans-serif;
33+
font-size: 28px;
34+
font-weight: normal;
35+
text-align: center;
36+
border-bottom: 1px solid #555555;
37+
margin: 20px 0 20px 0;
38+
}
39+
p {
40+
font-family: "Helvetica Neue", Helvetica, sans-serif;
41+
font-size: 18px;
42+
}
43+
a {
44+
font-family: "Helvetica Neue", Helvetica, sans-serif;
45+
font-size: 16px;
46+
font-weight: bold;
47+
text-decoration: none;
48+
color: #000000;
49+
}
50+
a:hover {
51+
color: #aa0000;
52+
text-decoration: underline;
53+
}
54+
.tagline {
55+
background-color: #000000;
56+
padding: 20px 0 20px 0;
57+
}
58+
.projects, .badges, .articles, .skills {
59+
width: 700px;
60+
margin: 0 auto;
61+
}
62+
.projects ul, .badges ul, .articles ul, .skills ul {
63+
list-style-type: none;
64+
}
65+
.projects li, .badges li, .articles li, .skills li {
66+
margin-bottom: 10px;
67+
}
68+
.badges img {
69+
float: left;
70+
padding-right: 10px;
71+
}
72+
.skills {
73+
margin-bottom: 20px;
74+
}
75+
.skills li {
76+
font-family: "Helvetica Neue", Helvetica, sans-serif;
77+
font-weight: bold;
78+
background-color: #444444;
79+
color: #cccccc;
80+
display: inline;
81+
padding: 8px 8px 8px 8px;
82+
margin-right: 10px;
83+
}
84+
.footer {
85+
background-color: #999999;
86+
text-align: center;
87+
padding: 20px 0 20px 0;
88+
}

‎soup-to-bits.html

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" href="main.css">
5+
</head>
6+
<body>
7+
<div class="header">
8+
<h1>Jon Friskics</h1>
9+
</div>
10+
<div class="tagline">
11+
<h2>I'm an <strong>iOS Developer</strong> and <strong>Educator</strong> who works at <strong>Code School</strong> helping build the <strong>best way</strong> to learn to code.</h2>
12+
</div>
13+
<div class="projects">
14+
<h3>Projects</h3>
15+
<ul>
16+
<li><img src="images/projects/core-ios-7-banner.png" alt="Core iOS 7"></li>
17+
<li><img src="images/projects/try-ios-banner.png" alt="Try iOS"></li>
18+
<li><img src="images/projects/try-objective-c-banner.png" alt="Try Objective-C"></li>
19+
</ul>
20+
</div>
21+
<div class="badges">
22+
<h3>Badges I've Earned</h3>
23+
<ul>
24+
<li>
25+
<img src="images/badges/small/try-ios@2x.png" alt="Try iOS Badge">
26+
<p>Try iOS</p>
27+
<p>Learn iOS in the browser.</p>
28+
</li>
29+
<li>
30+
<img src="images/badges/small/try-objective-c@2x.png" alt="Try Objective-C Badge">
31+
<p>Try Objective-C</p>
32+
<p>Learn Objective-C in the browser.</p>
33+
</li>
34+
<li>
35+
<img src="images/badges/small/ios-operation-models@2x.png" alt="iOS Operation: Models Badge">
36+
<p>iOS Operation Models</p>
37+
<p>Learn about models.</p>
38+
</li>
39+
<li>
40+
<img src="images/badges/small/core-ios-7@2x.png" alt="Core iOS 7 Badge">
41+
<p>Core iOS 7</p>
42+
<p>Learn all about iOS 7.</p>
43+
</li>
44+
</ul>
45+
</div>
46+
<div class="articles">
47+
<h3>Articles I've Written</h3>
48+
<ul>
49+
<li><a href="https://www.codeschool.com/blog/2013/11/13/learning-auto-layout-in-core-ios-7/">Learning Auto Layout in Core iOS 7</a></li>
50+
<li><a href="https://www.codeschool.com/blog/2013/12/20/optimized-for-ios-7/">Optimized for iOS 7</a></li>
51+
<li><a href="http://blog.codeschool.com/post/87704128233/early-thoughts-on-swift-apples-new-programming">(Early) thoughts on Swift, Apple's new programming language</a></li>
52+
<li><a href="http://www.bizjournals.com/orlando/blog/2014/06/how-apples-new-programming-language-will-impact.html?page=all">How Apple's new programming language will impact your company</a></li>
53+
<li><a href="http://venturebeat.com/2014/06/07/swift-is-great-but-you-should-still-know-objective-c-first/">Swift is great, but you should still know Objective-C first</a></li>
54+
</ul>
55+
</div>
56+
<div class="skills">
57+
<h3>Skills I Have</h3>
58+
<ul>
59+
<li>Objective-C</li>
60+
<li>Swift</li>
61+
<li>HTML</li>
62+
<li>CSS</li>
63+
<li>JavaScript</li>
64+
<li>Git</li>
65+
</ul>
66+
</div>
67+
<div class="footer">
68+
<p><a href="mailto:jon@codeschool.com">Click here to email me</a></p>
69+
</div>
70+
</body>
71+
</html>

0 commit comments

Comments
 (0)