Skip to content

Commit 9b7698b

Browse files
bfeifbfeif
authored
Frontend touchups (#7)
* Added a footer with contact info. * Changed some styling. * Updated README.
1 parent b55fc3e commit 9b7698b

File tree

3 files changed

+79
-28
lines changed

3 files changed

+79
-28
lines changed

‎README.md

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,5 @@
11
# Clarence
2-
Herein lies the code that powers [checkmymate.co](http://checkmymate.co/).
2+
Herein lies the code that powers [checkmymate.co](http://checkmymate.co/), a website that enables you to see how to beat your friends at chess.
3+
4+
## About
5+
This app is brought to you in part by flask.

‎templates/base.html

+63-24
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,67 @@
1-
<title>{% block title %}{% endblock %} - CheckMyMate</title>
2-
3-
<!-- Fonts -->
4-
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"
5-
rel='stylesheet' type='text/css' />
6-
<!-- Bootstrap CSS -->
7-
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
8-
rel="stylesheet" />
9-
10-
11-
<section class="content">
12-
<br/>
13-
<div class="container">
14-
<a href='/'><h1 class="jumbotron-heading text-center">checkmymate.co</h1></a>
15-
</div>
16-
17-
<div class="container">
18-
<header>
19-
{% block header %}{% endblock %}
20-
</header>
21-
{% block content %}{% endblock %}
22-
</div>
23-
</section>
1+
<style>
2+
.footer {
3+
clear: both;
4+
position: relative;
5+
font-size: 18px
6+
}
7+
#wrap {
8+
padding: 5px;
9+
min-height: -webkit-calc(100% - 100px); /* Chrome */
10+
min-height: -moz-calc(100% - 100px); /* Firefox */
11+
min-height: calc(100% - 100px); /* native */
12+
}
13+
html, body {
14+
height: 100%;
15+
margin: 0;
16+
}
17+
</style>
18+
19+
<head>
20+
<title>CheckMyMate {% block title %}{% endblock %}</title>
21+
22+
<!-- Make it dynamic -->
23+
<meta name=”viewport” content=”width=device-width, initial-scale=1">
24+
25+
<!-- Fonts -->
26+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"
27+
rel='stylesheet' type='text/css' />
28+
<!-- Bootstrap CSS -->
29+
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
30+
rel="stylesheet" />
31+
</head>
32+
33+
<body>
34+
<section class="content" id="wrap">
35+
<br/>
36+
<div class="jumbotron-heading">
37+
<a href='/'><h2 class="display-3 text-center">checkmymate.co</h1></a>
38+
</div>
39+
40+
<div class="container">
41+
<header>
42+
{% block header %}{% endblock %}
43+
</header>
44+
{% block content %}{% endblock %}
45+
</div>
46+
</section>
47+
<!-- <footer class="fixed-bottom bg-dark text-center text-white"> -->
48+
<footer class="footer bg-dark text-center text-white p-4">
49+
<div class="container">
50+
Send me Some Sweet Somethings:
51+
<a href="https://github.com/bfeif/clarence"><i class="fa fa-github fa-2x"></i></a>
52+
<a href="https://www.linkedin.com/in/benjamin-feifke/"><i class="fa fa-linkedin fa-2x"></i></a>
53+
<a href= "mailto:[email protected]"><i class="fa fa-envelope fa-2x"></i></a>
54+
<a href="https://www.chess.com/member/normanrookwell"><span class="fa-2x">&#9817</span></a>
55+
<a href="https://lichess.org/@/normanrookwell"><span class="iconify-inline fa-2x" data-icon="simple-icons:lichess"></span></a>
56+
</div>
57+
</footer>
58+
</body>
59+
2460

2561
<!-- Bootstrap related JavaScript -->
2662
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
2763
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
28-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
64+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
65+
66+
<!-- Lichess icon -->
67+
<script src="https://code.iconify.design/2/2.1.2/iconify.min.js"></script>

‎templates/user.html

+12-3
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,26 @@
1+
<style>
2+
/* .tablecenterheadCSS th{
3+
text-align:center;
4+
} td{
5+
text-align:center;
6+
} */
7+
</style>
8+
19
{% extends 'base.html' %}
2-
{% block content %}
10+
{% block title %}- {{ chess_username }}{% endblock %}
311

12+
{% block content %}
413
<h3 class="jumbotron-heading text-center"> {{ chess_username }}'s most common openings </h3>
514
</br>
615
{% for color in ["white", "black"] %}
716
<div class="text-center"><h5>{{ {"white": "White", "black": "Black"}[color] }}</h5></div>
817

9-
<table class="table">
18+
<table class="table tablecenterheadCSS">
1019
<thead>
1120
<tr>
1221
<th>Opening</th>
1322
<th>Number of Games</th>
14-
<th>Avg Points per Game</th>
23+
<th>Avg Points per Game [0-1]</th>
1524
</tr>
1625
</thead>
1726
<tbody>

0 commit comments

Comments
 (0)