Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Week 2 Assignment
  • Loading branch information
Alex Mueller committed Feb 2, 2020
1 parent 7a4d3f1 commit e028e13
Show file tree
Hide file tree
Showing 5 changed files with 154 additions and 28 deletions.
Binary file added week-2/.DS_Store
View file
Binary file not shown.
86 changes: 85 additions & 1 deletion week-2/css/main.css
View file
Expand Up @@ -12,9 +12,11 @@
========================================================================== */

html {
color: #222;
color: white;
background: #131516;
font-size: 1em;
line-height: 1.4;
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/*
Expand Down Expand Up @@ -263,3 +265,85 @@ textarea {
}
}

header {
width: 100%;
background-color: #212121;
}
.wrapper {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
background-color: #212121;
color: white;
min-height: 84px;
font-size: 24px;
text-transform: uppercase;
font-weight: 900;
max-width: 960px;
margin: 0 auto;
padding: 0 12px;
}

header a {
text-decoration: none;
}

nav {
display: flex;
width: 100%;
justify-content: space-around;
}
a, a:visited {
color: white;
}

#me {
width: 180px;
border-radius: 24px;
}

main {
max-width: 960px;
margin: 0 auto;
margin-top: 20px;
padding: 12px;
}

.hero {
max-width: 960px;
display: flex;
flex-direction: column;
margin: 0 auto;
margin-top: 12px;
align-items: center;
justify-content: space-around;
}

footer {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 48px;
background-color: #030506;
}
@media only screen and (min-width: 768px) {
main {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 12px;
grid-row-gap: 12px;
}
#summary {
grid-area: 1 / 1 / 2 / 3;
}
.wrapper {
flex-direction: row;
justify-content: space-between;
}
nav {
width: 50%;
}
}
Binary file added week-2/img/me.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
96 changes: 69 additions & 27 deletions week-2/index.html
View file
Expand Up @@ -2,40 +2,82 @@
<html class="no-js" lang="">

<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Week 2 Assignment</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">

<meta name="theme-color" content="#fafafa">

<link href="https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap" rel="stylesheet">

<meta name="theme-color" content="#fafafa">
</head>

<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Add your site or application content here -->
<p>Hello world! This is HTML5 Boilerplate.</p>
<script src="js/vendor/modernizr-3.8.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
<!-- Add your site or application content here -->
<header>
<div class="wrapper">
<a href="#">About Alex</a>
<nav>
<a href="#summary">Summary</a>
<a href="#interests">Interests</a>
<a href="#websites">Websites</a>
</nav>
</div>
</header>
<div class="hero">
<img id="me" src="img/me.jpg" alt="Alex Mueller ">
<h1>Hi! I'm Alex Mueller. </h1>
</div>
<main>
<div id="summary">
<h2>About Me</h2>
<p>I'm a student at the University of Connecticut majoring in Digital Media and
Design, with a concentration in Web and Interactive Media Design. After I graduate I hope to get work as
a front-end developer/designer, preferably for a startup, as I enjoy the startup culture. I've enjoyed
doing design and development since I was a teenager and I'm very glad that I'm able to take a hobby I've
had for a while and turn it into something I can actually pursue as a career.</p>
</div>
<div id="interests">
<h2>My Interests</h2>
<ul>
<li>Design</li>
<li>Music</li>
<li>Tech</li>
</ul>
</div>
<div id="websites">
<h2>My Favorite Websites</h2>
<ul>
<a href="https://youtube.com">
<li>YouTube</li>
</a>
<a href="https://reddit.com">
<li>Reddit</li>
</a>
<a href="https://twitter.com">
<li>Twitter</li>
</a>
</ul>
</div>
</main>
<footer>
<a href="#">About Alex</a>
</footer>
<script src="js/vendor/modernizr-3.8.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</body>

</html>
</html>
Binary file added week-2/udacity.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit e028e13

Please sign in to comment.