forked from jwasham/computer-science-flash-cards
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Making good progress. Added styling and a toggle for card type.
- Loading branch information
Showing
7 changed files
with
163 additions
and
78 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,18 +1,4 @@ | ||
body { font-family: sans-serif; background: #eee; } | ||
a, h1, h2 { color: #377ba8; } | ||
h1, h2 { font-family: 'Georgia', serif; margin: 0; } | ||
h1 { border-bottom: 2px solid #eee; } | ||
h2 { font-size: 1.2em; } | ||
|
||
.page { margin: 2em auto; width: 80%; border: 5px solid #ccc; | ||
padding: 0.8em; background: white; } | ||
.entries { list-style: none; margin: 0; padding: 0; } | ||
.entries li { margin: 0.8em 1.2em; } | ||
.entries li h2 { margin-left: -1em; } | ||
.add-entry { font-size: 0.9em; border-bottom: 1px solid #ccc; } | ||
.add-entry dl { font-weight: bold; } | ||
.metanav { text-align: right; font-size: 0.8em; padding: 0.3em; | ||
margin-bottom: 1em; background: #fafafa; } | ||
.flash { background: #cee5F5; padding: 0.5em; | ||
border: 1px solid #aacbe2; } | ||
.error { background: #f0d6d6; padding: 0.5em; } | ||
.toggleSelected { | ||
background-color: #62b06b; | ||
color: #ffffff; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{% extends "layout.html" %} | ||
{% block body %} | ||
code | ||
{% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{% extends "layout.html" %} | ||
{% block body %} | ||
general | ||
{% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,20 +1,55 @@ | ||
<!doctype html> | ||
<title>CS Flash Cards</title> | ||
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}"> | ||
<div class=page> | ||
<h1>CS Flash Cards</h1> | ||
<div class=metanav> | ||
{% if not session.logged_in %} | ||
<a href="{{ url_for('login') }}">log in</a> | ||
{% else %} | ||
<a href="{{ url_for('cards') }}">cards</a> | ||
| ||
| ||
<a href="{{ url_for('logout') }}">log out</a> | ||
{% endif %} | ||
<html> | ||
<head> | ||
<title>CS Flash Cards</title> | ||
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> | ||
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}" /> | ||
<!-- I know this doesn't belong in head, but I have script in a template that needs to have jQuery --> | ||
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-xs-12"> | ||
|
||
<br /> | ||
<nav class="navbar navbar-default"> | ||
<div class="container-fluid"> | ||
<!-- toggle menu --> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="#">CS Flash Cards</a> | ||
</div> | ||
|
||
<!-- full menu --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav navbar-right"> | ||
{% if not session.logged_in %} | ||
<li><a href="{{ url_for('login') }}">log in</a></li> | ||
{% else %} | ||
<li><a href="{{ url_for('cards') }}">cards</a></li> | ||
<li><a href="{{ url_for('general') }}">general</a></li> | ||
<li><a href="{{ url_for('code') }}">code</a></li> | ||
<li><a href="{{ url_for('logout') }}">log out</a></li> | ||
{% endif %} | ||
</ul> | ||
</div><!-- /.navbar-collapse --> | ||
</div><!-- /.container-fluid --> | ||
</nav> | ||
|
||
|
||
{% for message in get_flashed_messages() %} | ||
<div class="alert alert-success" role="alert">{{ message }}</div> | ||
{% endfor %} | ||
{% block body %}{% endblock %} | ||
</div> | ||
</div> | ||
</div> | ||
{% for message in get_flashed_messages() %} | ||
<div class=flash>{{ message }}</div> | ||
{% endfor %} | ||
{% block body %}{% endblock %} | ||
</div> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters