Skip to content

Commit

Permalink
Updating layouts
Browse files Browse the repository at this point in the history
  • Loading branch information
@rythmyr
rythmyr committed Oct 21, 2016
1 parent 6667adf commit 581a098
Show file tree
Hide file tree
Showing 2 changed files with 94 additions and 47 deletions.
50 changes: 41 additions & 9 deletions css/base.css
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,55 @@
body {
width: 70%;
padding: 40px 10%;
background-color: #222222;
color: #c4e3f3;
background-color: #222222;
color: #c4e3f3;
}

.content {
width: 90%;
padding: 40px 20%;
}

h1, h2, h3, h4, h5, h6 {
color: #99aadd;
color: #99aadd;
}

h1>small {
color: #bbbbbb;
h1 > small {
color: #bbbbbb;
}

a {
color: #66afe9;
color: #66afe9;
}

a:hover {
color: #8888dd;
color: #8888dd;
}

.footer {
background-color: #101010;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
text-align: center;
border-top: 2px solid #202040;
}

.nav {
padding-top: 5%;
background-color: #303030;
float: left;
height: 100%;
position: fixed;
max-width: 12%;
min-width: 12%;
margin-left: 4%;
}

.nav ul {
list-style-type: none;
}

.nav li {
margin: 3%;
}
91 changes: 53 additions & 38 deletions portfolio/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,51 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Robert Young's Website</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Robert Young's Website</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>
<div class="nav navbar">
<ul>
<li>Test2
</li>
<li>Test2</li>
</ul>
</div>
<div class="content">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>

<h1>
<small>My name is</small>
<b>Robert Young</b>.
</h1>
<p>I'm a junior in Software Engineering at Iowa State University. I take mostly Computer Science/Software Engineering
courses, while working part time at <a href="http://webdev.its.iastate.edu">ITS WebDev</a>.</p>
<h1>
<small>My name is</small>
<b>Robert Young</b>.
</h1>
<p>I'm a junior in Software Engineering at Iowa State University. I take mostly Computer Science/Software
Engineering
courses, while working part time at <a href="http://webdev.its.iastate.edu">ITS WebDev</a>.</p>

<h2>Game Design</h2>
<h2>Game Design</h2>

<p>In my free time, I am learning as much as I can about the design and implementation of video games. I have done
several small projects both on my own and with other people. As a member of Iowa State's Game Development Club, I
enjoy participating in Game Jams and workshops, as well as social nights. <br><br>A <b>Game Jam</b> is an event
where you get together with two or three other people and try to make a game in a very short amount of time (usually 48 hours).
<br><br>
So far, my favorite tool to develop games with is <a href="http://unity3d.com/">Unity3d</a>, where the main language
I use is C#.</p>
<p>In my free time, I am learning as much as I can about the design and implementation of video games. I have done
several small projects both on my own and with other people. As a member of Iowa State's Game Development Club,
I
enjoy participating in Game Jams and workshops, as well as social nights. <br><br>A <b>Game Jam</b> is an event
where you get together with two or three other people and try to make a game in a very short amount of time
(usually 48 hours).
<br><br>
So far, my favorite tool to develop games with is <a href="http://unity3d.com/">Unity3d</a>, where the main
language
I use is C#.</p>

<h4>Example Works</h4>
<ul>
<li><a href="LD33">Ludum Dare 33</a> - "You are the monster"</li>
<li><a href="cs309">309 Project (Not Minecraft)</a></li>
<li><a href="cs362">362 Project (Media Rental)</a></li>
</ul>
<a href="sitemap.html">Sitemap</a>
<h4>Example Works</h4>
<ul>
<li><a href="LD33">Ludum Dare 33</a> - "You are the monster"</li>
<li><a href="cs309">309 Project (Not Minecraft)</a></li>
<li><a href="cs362">362 Project (Media Rental)</a></li>
</ul>
<a href="sitemap.html">Sitemap</a>
</div>
<div class="footer"><a href="mailto:[email protected]">[email protected]</a>
</div>
</body>
</html>

0 comments on commit 581a098

Please sign in to comment.