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
BIN +6 KB .DS_Store
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN +59.9 KB DDLCFonts/Halogen.ttf
Binary file not shown.
Binary file not shown.
BIN +64.4 KB DDLCFonts/Vera.ttf
Binary file not shown.
BIN +128 KB DDLCFonts/m1.TTF
Binary file not shown.
BIN +45.6 KB DDLCFonts/n1.ttf
Binary file not shown.
BIN +257 KB DDLCFonts/s1.ttf
Binary file not shown.
BIN +82.6 KB DDLCFonts/y1.ttf
Binary file not shown.
BIN +22.6 KB DDLCFonts/y2.ttf
Binary file not shown.
BIN +671 KB DDLCFonts/y3.ttf
Binary file not shown.
BIN +3.7 KB Untitled 2.gif
Binary file not shown.
BIN +39.4 KB Untitled.gif
Binary file not shown.
@@ -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;
}
@@ -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>
@@ -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();
})
})
BIN +329 KB wireframe.pdf
Binary file not shown.

0 comments on commit 9b3dacd

Please sign in to comment.