Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file added .DS_Store
Binary file not shown.
Binary file added ajax_with_jquery_exercise/.DS_Store
Binary file not shown.
131 changes: 131 additions & 0 deletions ajax_with_jquery_exercise/app.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
.container {
display: flex;
justify-content: center;
}

.content_column {
background-color: #f4deab;
}

.header {
height: 48;
display: inline-flex;
align-items: center;
background-color: #f9571b;
width: 800px;
}

.border_round {
border-radius: 4px;
}

.border_round_sm {
border-radius: 2px;
border-width:1px;
border-style: solid;
}

#logo {
width: 32px;
height: 32px;
margin-left: 12px;
}

#title_page {
margin-left: 12px;
margin-right: 12px;
}

#fav_links {
margin-left: 24px;
padding-left: 12px;
}

.loginSignup_div {
margin-left: 128px;
padding-left: 12px;
margin-bottom: 32px;
}

#form_submit {
margin-top: 12px;
margin-bottom: 12px;
}

.input {
margin-top: 8px;
margin-bottom: 8px;
}

.inputA {
position: relative;
text-align: right;
left: 0px;
}

.inputB {
position: relative;
text-align: right;
left: 0px;
}

.input_textA {
position:relative;
left: 24px;
width: 128px;
height: 24px;
}

.input_textB {
position:relative;
left: 24px;
width: 128px;
height: 24px;
}

.button_submit {
position:relative;
left: 70px;
width: 64px;
height: 32px;
}

.visible {
visibility: visible;
}

.invisible {
visibility: hidden;
}

.displayNone {
display:none;
}

.displayBlock {
display:block;
}

.tiny_text {
font-size: 11px;
}

.link_menu{
text-decoration: none;
}

.signup_link {
position:relative;
right: -410px;
}

.login_link {
position:relative;
right: -420px;
}

.text_by {
position: relative;
left:22px;
font-size: 12px;
}
64 changes: 64 additions & 0 deletions ajax_with_jquery_exercise/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="app.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="content_column">
<div class="header border_round">
<div id="title_page">
<h2>Hack or Snooze</h2>
</div>
<div id="fav_links">
<a href="#" id="link_fav" class="link_menu">favorites</a>
</div>
<div id="signup_link">
<a href="#" id="link_signup" class="link_menu signup_link">sign up</a>
</div>
<div id="login_link">
<a href="#" id="link_login" class="link_menu login_link">login</a>
</div>
</div>
<div id="login_div" class="loginSignup_div" style="display:none;">
<form id="login_form">
<div class="input">
<label id="input_label1" class="inputA">username:</label>
<input id="input_text1" class="input_TextA border_round_sm" type="email" validate="required:true">
</div>
<div class="input">
<label id="input_label2" class="inputB">password:</label>
<input id="input_text2" class="input_TextB border_round_sm" type="password" validate="required:true">
</div>
<div id="button_div">
<input type="submit" id="login_submit" class="button_submit" value="Log In">
</div>
</form>
</div>
<div id="signup_div" class="loginSignup_div" style="display:none;">
<form id="signup_form">
<div class="input">
<label id="input_label3" class="inputA">username:</label>
<input id="input_text3" class="input_TextA border_round_sm" type="email" validate="required:true">
</div>
<div class="input">
<label id="input_label4" class="inputB">password:</label>
<input id="input_text4" class="input_TextB border_round_sm" type="password" validate="required:true">
</div>
<div id="button_div">
<input type="submit" id="signup_submit" class="button_submit" value="Sign Up">
</div>
</form>
</div>
<div id="article_links">
<ol id="list_links">
</ol>
<ol id="list_favs" class="invisible">
</ol>
</div>
</div>
<script src="index.js"></script>
</html>
Loading