Adding all sorts of goodies.
This commit is contained in:
@@ -116,6 +116,43 @@ h6 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.styled-table {
|
||||
border-collapse: collapse;
|
||||
margin: 25px 0;
|
||||
font-size: 0.9em;
|
||||
font-family: sans-serif;
|
||||
min-width: 400px;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.styled-table thead tr {
|
||||
background-color: #009879;
|
||||
color: #ffffff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.styled-table th,
|
||||
.styled-table td {
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.styled-table tbody tr {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.styled-table tbody tr:nth-of-type(even) {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
.styled-table tbody tr:last-of-type {
|
||||
border-bottom: 2px solid #009879;
|
||||
}
|
||||
|
||||
.styled-table tbody tr.active-row {
|
||||
font-weight: bold;
|
||||
color: #009879;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--background);
|
||||
color: var(--primary-text);
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../theme/styles.scss","../../theme/variables.scss","../../theme/reset.scss","../../theme/header.scss","../../theme/headings.scss"],"names":[],"mappings":"AAAQ;AACA;ACAR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACZF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;;AAIJ;AACE;EACA;AACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAEF;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;ACpDF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;ACXJ;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;;;AJ3BF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA","file":"style.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../../theme/styles.scss","../../theme/variables.scss","../../theme/reset.scss","../../theme/header.scss","../../theme/headings.scss","../../theme/tables.scss"],"names":[],"mappings":"AAAQ;AACA;ACAR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACZF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;;AAIJ;AACE;EACA;AACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAEF;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;ACpDF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;ACXJ;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;;;AClCF;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AL1BJ;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA","file":"style.css"}
|
||||
5
public/components/header.html
Normal file
5
public/components/header.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="./assets/style.css" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||
<script src="./assets/main.js"></script>
|
||||
@@ -2,11 +2,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Page Not Found</title>
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
<link rel="stylesheet" href="./assets/style.css" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||
<script src="/assets/main.js"></script>
|
||||
<script src="./assets/main.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id="site-header">
|
||||
@@ -1,9 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>About</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>This is the about page!</h1>
|
||||
</body>
|
||||
</html>
|
||||
38
public/pages/add-scorecard.html
Normal file
38
public/pages/add-scorecard.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Add New Scorecard</title>
|
||||
{% header %}
|
||||
</head>
|
||||
<body>
|
||||
<header id="site-header">
|
||||
<div id="site-name">
|
||||
<a href="/">BatFlip</a>
|
||||
</div>
|
||||
<div id="site-menu">
|
||||
<ul>
|
||||
<li><a href="/scorecards">Past Scorecards</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<div id="main-content">
|
||||
<table id="home-scorecard" class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Date</th>
|
||||
<th>Score</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="text" name="name" placeholder="Name" /></td>
|
||||
<td><input type="text" name="date" placeholder="Date" /></td>
|
||||
<td><input type="text" name="score" placeholder="Score" /></td>
|
||||
<td><input type="submit" value="Add" /></td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -2,11 +2,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>BatFlip Scoring App</title>
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||
<script src="/assets/main.js"></script>
|
||||
{% header %}
|
||||
</head>
|
||||
<body>
|
||||
<header id="site-header">
|
||||
@@ -22,7 +18,7 @@
|
||||
</header>
|
||||
<div id="main-content">
|
||||
<h1>Live Baseball Scoring App, written in Rust</h1>
|
||||
<img src="/images/fenway.jpg" alt="some image" />
|
||||
<img src="./images/fenway.jpg" alt="some image" />
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
22
public/pages/scorecards.html
Normal file
22
public/pages/scorecards.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Scorecards</title>
|
||||
{% header %}
|
||||
</head>
|
||||
<body>
|
||||
<header id="site-header">
|
||||
<div id="site-name">
|
||||
<a href="/">BatFlip</a>
|
||||
</div>
|
||||
<div id="site-menu">
|
||||
<ul>
|
||||
<li><a href="/add-scorecard">Add New</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<div id="main-content">
|
||||
<h1>Scorecards Go Here.</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user