Permalink
Browse files

Added styling and started character profiles in js. also completed map

  • Loading branch information...
dakotahducharme committed Jan 8, 2019
1 parent 8f98583 commit 9b3dacd7ce17e43d5a220083bc802a8f2e79bc06
View
BIN .DS_Store
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -0,0 +1,58 @@
h1 {
font-family: 'Fredoka One', cursive;
font-size: 60px;
color: #b8cbff;
padding-left: 30px;
}
body {
font-family: helvetica;
margin: 0 auto;
}
a {
text-decoration: none;
color: black;
}
nav {
text-align: center;
}
li {
display: inline;
padding-right: 45px;
color: black;
}
footer {
background-color: #b8cbff;
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
text-align: center;
padding: 20px;
}
#start {
}
#ask-name {
padding-top: 60px;
text-align: center;
}
.name-input {
display: inline;
text-align: center;
}
.welcome {
text-align: center;
font-weight: 700;
font-size: 62px;
}
View
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet">
<title>Pokawaii</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.ui.js"></script>
</head>
<body>
<header>
<h1>Pokawaii</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="https://github.com/dakotahducharme">Github</a></li>
<!-- <li><a href="#"></a></li> -->
</ul>
</nav>
</header>
<div class="homepage">
<button id="start" type="button">Start</button>
</div>
<footer>
<p>Made with love by Dakotah Ducharme</p>
</footer>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
View
@@ -0,0 +1,22 @@
console.log('hi?')
$('h1').velocity('callout.bounce', {
duration: 3000
})
$('#start').on('click', function() {
$('#start').remove()
$('.homepage').append('<p id="ask-name">Oh! I know you! Yer name is uh....um...</p>')
$('.homepage').append('<li class="name-input"><button id="naruto">Naruto</button></li></ul>')
$('.homepage').append('<li class="name-input"><button id="sakura">Sakura</button></li></ul>')
$('.homepage').append('<li class="name-input"><button id="link">Link</button></li></ul>')
$('.homepage').append('<li class="name-input"><button id="zelda">Zelda</button></li>')
// $('.welcome').append('<input type=')
$('#naruto').on('click', function() {
$('body').append('<div class="naruto-adventure"><p class="welcome">Welcome to Pokawaii, Naruto!</p></div>')
$('.welcome').velocity('transition.shrinkIn', {
duration: 300,
})
$('.homepage').remove();
})
})
View
Binary file not shown.

0 comments on commit 9b3dacd

Please sign in to comment.