Skip to content

Pipes - Kee - Static-Site #22

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
anemonekey wants to merge 13 commits into
base: master
Choose a base branch
from
Open

Pipes - Kee - Static-Site #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
9e010b6
Added new, empty HTML files and folders
anemonekey Sep 15, 2017
853fcfc
Added reset.css stylesheet
anemonekey Sep 15, 2017
8e7fa25
Styled header and footer with HTML and CSS
anemonekey Sep 15, 2017
ba1ff9f
Edited main content for index.html
anemonekey Sep 15, 2017
33596b7
Made changes to index.html images and layout
anemonekey Sep 16, 2017
8b16b47
Edited color styles for each HTML file
anemonekey Sep 16, 2017
ddf0b54
Edited footer padding and added another link to footer icons
anemonekey Sep 16, 2017
668f16b
Added about.html section and needed images/fonts
anemonekey Sep 18, 2017
d865440
Added portfolio page HTML/CSS and related images
anemonekey Sep 18, 2017
51ad12a
Edited blog HTML/CSS and added related images
anemonekey Sep 18, 2017
874580b
Cleaned up CSS and stylesheet links; renamed calculator image
anemonekey Sep 18, 2017
745d9b3
Cleaned up HTML and CSS further
anemonekey Sep 18, 2017
a0adcae
Validated HTML and edited accordingly
anemonekey Sep 18, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
179 changes: 179 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GO KEE GO!!</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="icon" href="images/favicon.ico">
</head>
<body class="about patterned">
<div class="container">
<header>
<h1><a href="index.html"><img src="images/horse.png" alt="icon image of horse"> A Portfolio by Kee Nam <img src="images/horse.png" alt="reverse icon image of horse"></a></h1>
<nav>
<ul>
<li class="active"><a href="about.html"><i class="fa fa-anchor"></i> About <i class="fa fa-anchor"></i></a></li>
<li class="inactive"><a href="portfolio.html"><i class="fa fa-anchor"></i> Works <i class="fa fa-anchor"></i></a></li>
<li class="inactive"><a href="blog.html"><i class="fa fa-anchor"></i> Blog <i class="fa fa-anchor"></i></a></li>
</ul>
</nav>
</header>
<main class="main-about">
<h2>Fundamental Facts</h2>
<div class="basics">
<div class="img-side">
<img src="images/about-face.jpg" alt="Kee's face, playful and positive">
</div>
<div class="text-side">
<table>
<tr>
<td><i class="fa fa-user"></i></td>
<td>Full Name</td>
<td>Kee Yeon Nam <span lang="ko" class="ko-bold">(남기연)</span></td>
</tr>
<tr>
<td><i class="fa fa-birthday-cake"></i></td>
<td>Date of Birth</td>
<td>19xx . 03 . 28</td>
</tr>
<tr>
<td><i class="fa fa-venus-mars"></i></td>
<td>Gender</td>
<td>Female (She/Her)</td>
</tr>
<tr>
<td><i class="fa fa-flag"></i></td>
<td>Nationality</td>
<td>United States of America</td>
</tr>
<tr>
<td><i class="fa fa-globe"></i></td>
<td>Ethnicity</td>
<td>Korean</td>
</tr>
<tr>
<td><i class="fa fa-pencil-square-o"></i></td>
<td>Myers-Briggs</td>
<td>INTJ</td>
</tr>
<tr>
<td><i class="fa fa-briefcase"></i></td>
<td>Job Class</td>
<td>Developer/Engineer</td>
</tr>
</table>
</div>
</div>
<h2>Savvy Skills</h2>
<div class="skills">
<div class="skills-left">
<div class="skill">
<p class="skill-name">
<i class="icon-html5"></i> HTML
</p>
<div class="bar">
<div class="percent-bar html-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-css3-alt"></i> CSS
</p>
<div class="bar">
<div class="percent-bar css-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-bootstrap"></i> Bootstrap
</p>
<div class="bar">
<div class="percent-bar boots-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-javascript"></i> JavaScript
</p>
<div class="bar">
<div class="percent-bar js-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-jquery"></i> jQuery
</p>
<div class="bar">
<div class="percent-bar jquery-per"></div>
<div class="total-bar"></div>
</div>
</div>
</div>
<div class="skills-right">
<div class="skill">
<p class="skill-name">
<i class="icon-ruby"></i> Ruby
</p>
<div class="bar">
<div class="percent-bar ruby-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-ruby-on-rails-alt"></i> Ruby on Rails
</p>
<div class="bar">
<div class="percent-bar rails-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-shell"></i> Command Line
</p>
<div class="bar">
<div class="percent-bar termin-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-git"></i> Git
</p>
<div class="bar">
<div class="percent-bar git-per"></div>
<div class="total-bar"></div>
</div>
</div>
<div class="skill">
<p class="skill-name">
<i class="icon-python"></i> Python
</p>
<div class="bar">
<div class="percent-bar python-per"></div>
<div class="total-bar"></div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-text">
<p>Copyright 2017 &copy; Kee Nam</p>
<p>Powered by <i class="fa fa-heart"></i> from <a target="_blank" href="http://adadevelopersacademy.org">Ada Developers Academy</a></p>
</div>
<ul class="footer-sns">
<li><a target="_blank" href="https://github.com/anemonekey/"><i class="fa fa-github-square"></i></a></li>
<li><a target="_blank" href="http://linkedin.com/in/kee-nam"><i class="fa fa-linkedin-square"></i></a></li>
<li><a target="_blank" href="https://twitter.com/keeyeonnam"><i class="fa fa-twitter-square"></i></a></li>
<li><a target="_blank" href="mailto:nam.keeyeon@gmail.com"><i class="fa fa-envelope-square"></i></a></li>
</ul>
</footer>
</div>
</body>
</html>
84 changes: 84 additions & 0 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GO KEE GO!!</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="icon" href="images/favicon.ico">
</head>
<body class="blog patterned">
<div class="container">
<header>
<h1><a href="index.html"><img src="images/horse.png" alt="icon image of horse"> A Portfolio by Kee Nam <img src="images/horse.png" alt="reverse icon image of horse"></a></h1>
<nav>
<ul>
<li class="inactive"><a href="about.html"><i class="fa fa-anchor"></i> About <i class="fa fa-anchor"></i></a></li>
<li class="inactive"><a href="portfolio.html"><i class="fa fa-anchor"></i> Works <i class="fa fa-anchor"></i></a></li>
<li class="active"><a href="blog.html"><i class="fa fa-anchor"></i> Blog <i class="fa fa-anchor"></i></a></li>
</ul>
</nav>
</header>
<main class="main-blog">
<section class="blog-posts">
<h2>Blog Posts</h2>
<article class="blog-post">
<img src="images/blog-post.jpg" alt="Open laptop">
<h3>Thoughts at 23:23</h3>
<p>I'm cooking 2 servings of rice now. I should have done this earlier but I was paralyzed by the possibility of choice. Can there truly be justice in this dark and unwholesome world?</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<h3>Uphill</h3>
<p>Linkin Park, how could you encapsulate my thoughts in such a precise way? Blood, sweat, and tears indeed. It's all a struggle!!</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<img src="images/shori.png" alt="Cartoon image of dog, Sori">
<h3>The Sound</h3>
<p>I MISS MY DOG. <span lang="ko" class="ko">소리야, 엄마가 널 너무 너무 보고싶은데... 네가 내가 간지 모르지?? 흑흑흑 ㅠㅠ 우리 새끼 잘 먹고 건강하게 잘 지내고 있겠지??? 제발 아프지마 ㅠ</span></p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<img src="images/sori-wink.png" alt="Photograph of dog, Sori">
<h3>Be still my heart</h3>
<p>JUST LOOK AT THAT WINK. Damn, that's a fine dog. So fine. I just want to nuzzle her thin and greasy fur T_T</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<h3>Am I addicted to material culture?</h3>
<p>I don't know what is "enough" clothing anymore? I can justify each piece in my closet but when is it going to be too much? Am I in denial?</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<h3>Relationshipoop</h3>
<p>Learning how to adapt to the different communication style of another while being vulnerable and caring is hard, to say the least.</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<img src="images/haurchefant.png" alt="Artist rendering of fictional character Haurchefant">
<h3>In memory of...</h3>
<p>Final Fantasy XIV WHY!! Why did sweet Haurchefant have to go?? He was the most likable character!! You could have taken Alphinaud! Aymeric was not worth.</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
<article class="blog-post">
<h3>Dairy Queen</h3>
<p>Of all my refrigerated products, how does dairy as a category run out the fastest? Didn't I buy milk like less than a week ago? Am I... going infantile?</p>
<a class="post-link" href="#"><i class="fa fa-long-arrow-right"></i> Read more...</a>
</article>
</section>
</main>
<footer>
<div class="footer-text">
<p>Copyright 2017 &copy; Kee Nam</p>
<p>Powered by <i class="fa fa-heart"></i> from <a target="_blank" href="http://adadevelopersacademy.org">Ada Developers Academy</a></p>
</div>
<ul class="footer-sns">
<li><a target="_blank" href="https://github.com/anemonekey/"><i class="fa fa-github-square"></i></a></li>
<li><a target="_blank" href="http://linkedin.com/in/kee-nam"><i class="fa fa-linkedin-square"></i></a></li>
<li><a target="_blank" href="https://twitter.com/keeyeonnam"><i class="fa fa-twitter-square"></i></a></li>
<li><a target="_blank" href="mailto:nam.keeyeon@gmail.com"><i class="fa fa-envelope-square"></i></a></li>
</ul>
</footer>
</div>
</body>
</html>
Binary file added fonts/NanumGothic.eot
View file
Open in desktop
Binary file not shown.
Binary file added fonts/NanumGothic.ttf
View file
Open in desktop
Binary file not shown.
Binary file added fonts/NanumGothic.woff
View file
Open in desktop
Binary file not shown.
Binary file added fonts/NanumGothicBold.eot
View file
Open in desktop
Binary file not shown.
Binary file added fonts/NanumGothicBold.ttf
View file
Open in desktop
Binary file not shown.
Binary file added fonts/NanumGothicBold.woff
View file
Open in desktop
Binary file not shown.
Binary file added fonts/font-mfizz.eot
View file
Open in desktop
Binary file not shown.
Binary file added fonts/font-mfizz.ttf
View file
Open in desktop
Binary file not shown.
Binary file added fonts/font-mfizz.woff
View file
Open in desktop
Binary file not shown.
Binary file added images/about-face.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/blog-post.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/calculator.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon.ico
View file
Open in desktop
Binary file not shown.
Loading