Skip to content
Snippets Groups Projects
Commit 008b6a7c authored by atm2g19's avatar atm2g19
Browse files

Created html-rendere 

added mobile-compatibility to html
parent d4b0ee7f
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 109 additions and 226 deletions
public/code_jam/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,18 +2,15 @@
<html>
<head>
#{meta}
<title>Google Code Jam Solutions</title>
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
Code Jam Solutions
......@@ -32,9 +29,7 @@
</ul>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/collisions/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,18 +2,15 @@
<html>
<head>
#{meta}
<title>Collisions algorithms</title>
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
Collisions algorithms
......@@ -36,9 +33,7 @@
</ul>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/collisions/quad-tree/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Collisions - Quad Trees</title>
<link rel="stylesheet" href="/css/main.css">
<script src="../../../js/p5/p5.js"></script>
......@@ -10,13 +13,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -29,9 +26,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/collisions/test-every-optim/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Collisions - test all optimised</title>
<link rel="stylesheet" href="/css/main.css">
<script src="../../../js/p5/p5.js"></script>
......@@ -9,13 +12,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -28,9 +25,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/collisions/test-every/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Collisions - test all</title>
<link rel="stylesheet" href="/css/main.css">
<script src="../../../js/p5/p5.js"></script>
......@@ -9,13 +12,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -27,9 +24,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/covid-tracker/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Covid-19 Tracker</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<script src="./index.js"></script>
......@@ -9,13 +12,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
Covid-19 Tracker
......@@ -25,9 +22,7 @@
<div id="container">
<canvas id="chart" width="500" height="500"></canvas>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,18 +2,15 @@
<html>
<head>
#{meta}
<title>Coding challenges!</title>
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
Coding Challenges!
......@@ -35,9 +32,7 @@
</ul>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/sorting-visualiser/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>
Sorting Algorithm Visualiser
</title>
......@@ -9,13 +12,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
Sorting Algorithm Visualiser
......@@ -39,9 +36,7 @@
</ul>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/coding_challenges/sorting-visualiser/sorter.html
+ 13
− 11
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>
Sorting Algorithm Visualiser
</title>
......@@ -10,28 +13,29 @@
<script src="./main.js"></script>
<script src="./visualiser.js"></script>
<script src="./algo.js"></script>
<script src="./color.js"></script>
<script src="./visualisers/standard.js"></script>
<script src="./visualisers/spiral.js"></script>
<script src="./visualisers/pie.js"></script>
<script src="./visualisers/scatter.js"></script>
<script src="./algorithms/fisher-yates.js"></script>
<script src="./algorithms/bubble-sort.js"></script>
<script src="./algorithms/cocktail-shaker-sort.js"></script>
<script src="./algorithms/quick-sort.js"></script>
<script src="./algorithms/heap-sort.js"></script>
<script src="./shuffles/fisher-yates.js"></script>
<script src="./shuffles/in-order.js"></script>
<script src="./shuffles/near-sorted.js"></script>
<script src="./colors/rainbow.js"></script>
<script src="./colors/simple.js"></script>
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
Sorting Algorithm Visualiser
......@@ -46,9 +50,7 @@
</div>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/css/main.css
+ 7
− 2
View file @ 008b6a7c
......@@ -18,7 +18,7 @@ body {
padding: 20px;
width: calc(100vw - 40px);
background-color: #181818;
font-size: 24px;
font-size: 13pt;
}
......@@ -28,7 +28,7 @@ body {
padding: 10px;
padding-left: 30px;
background-color: #202020;
font-size: 11pt;
}
h1 {
......@@ -43,6 +43,7 @@ h1 {
#container {
margin: 20px;
font-size: 150%;
}
#home {
......@@ -65,3 +66,7 @@ button {
color: white;
background-color: #101010;
}
li {
margin: 4px;
}
\ No newline at end of file
public/errors/404.html
+ 4
− 17
View file @ 008b6a7c
......@@ -2,24 +2,13 @@
<html>
<head>
#{meta}
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
<div id="subheader">
<h1>
Error
</h1>
</div>
#{header}
#{suberr}
<div id="container" style="text-align: center;">
<h1>
......@@ -35,9 +24,7 @@
</h3>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/errors/500.html
+ 4
− 35
View file @ 008b6a7c
......@@ -3,43 +3,14 @@
<head>
</head>
<body>
<h1>
Error 500
</h1><br>
<p>
oops
</p><br>
<h3>
Server error!
</h3><br>
</body>
</html>
<!DOCTYPE html>
<html>
#{meta}
<head>
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
<div id="subheader">
<h1>
Error
</h1>
</div>
#{header}
#{suberr}
<div id="container" style="text-align: center;">
<h1>
......@@ -59,9 +30,7 @@
</p>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/backgammon/game.html
+ 6
− 11
View file @ 008b6a7c
......@@ -2,7 +2,10 @@
<html>
<head>
<title>Cards against Humanity</title>
#{meta}
<title>Backgammon</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="/js/p5/p5.js"></script>
<script src="../game.js"></script>
......@@ -12,13 +15,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -32,9 +29,7 @@
</div>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/backgammon/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Battleships</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.min.js"></script>
......@@ -11,13 +14,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -29,9 +26,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/battleships/game.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Battleships</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.min.js"></script>
......@@ -10,13 +13,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -37,9 +34,7 @@
</div>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/battleships/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Battleships</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.min.js"></script>
......@@ -11,13 +14,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -29,9 +26,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/battleships_v2/game.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Battleships-V2.0</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="/js/p5/p5.js"></script>
......@@ -10,13 +13,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -40,9 +37,7 @@
</div>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/battleships_v2/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Battleships</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.min.js"></script>
......@@ -11,13 +14,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -29,9 +26,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/cah/game.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Cards against Humanity</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="/js/p5/p5.js"></script>
......@@ -11,13 +14,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -31,9 +28,7 @@
</div>
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
public/games/cah/index.html
+ 5
− 10
View file @ 008b6a7c
......@@ -2,6 +2,9 @@
<html>
<head>
#{meta}
<title>Battleships</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.min.js"></script>
......@@ -13,13 +16,7 @@
</head>
<body>
<div id="header">
<h1>
<a href="/" id="home">
Alex Mansfield's web server!
</a>
</h1>
</div>
#{header}
<div id="subheader">
<h1>
......@@ -31,9 +28,7 @@
<div id="container">
</div>
<div id="footer">
</div>
#{footer}
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment