commit 05966826
Add breadcrumps for navigation
Changed files
| M | static_content/css/oastat.css before |
| M | templates/game.tpl before |
| M | templates/index.tpl before |
| M | templates/map.tpl before |
diff --git a/static_content/css/oastat.css b/static_content/css/oastat.css
index daeeaba..89c353d 100644
--- a/static_content/css/oastat.css
+++ b/static_content/css/oastat.css
@@ -90,6 +90,31 @@ td {
}
/*table section end*/
+.site-nav {
+ display: flex;
+ align-items: baseline;
+ gap: 20px;
+ padding-bottom: 15px;
+ margin-bottom: 20px;
+ border-bottom: 2px solid #2c3e50;
+}
+
+.site-nav .brand {
+ font-size: 1.4em;
+ font-weight: 700;
+ color: #2c3e50;
+ text-decoration: none;
+}
+
+.site-nav .breadcrumb {
+ color: #666;
+ font-size: 0.95em;
+}
+
+.site-nav .breadcrumb a {
+ color: #2c3e50;
+}
+
.update {
font-size: 0.85em;
color: #666;
diff --git a/templates/game.tpl b/templates/game.tpl
index a911240..7040708 100644
--- a/templates/game.tpl
+++ b/templates/game.tpl
@@ -40,8 +40,12 @@
</head>
<body>
<div class="main-section">
+ <div class="site-nav">
+ <a class="brand" href="../index.html">OpenArena Stats</a>
+ <span class="breadcrumb"><a href="../index.html">Home</a> / Game {{GAME_NUMBER}}</span>
+ </div>
<div class="intro">OpenArena Stats - Game {{GAME_NUMBER}}</div>
- {{GAME_GAMETYPE}} on {{GAME_MAP}} at {{GAME_SERVERNAME}}
+ {{GAME_GAMETYPE}} on <a href="../map/{{GAME_MAP}}.html">{{GAME_MAP}}</a> at {{GAME_SERVERNAME}}
<div class="levelshot">
<img src="../static/images/oa640x400/{{GAME_MAP}}.jpg" alt="{{GAME_MAP}}">
</div>
diff --git a/templates/index.tpl b/templates/index.tpl
index 186f14b..ac07aa7 100644
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -36,7 +36,10 @@
<body>
<div class="main-section">
- <h1>OpenArena Stats</h1>
+ <div class="site-nav">
+ <a class="brand" href="index.html">OpenArena Stats</a>
+ <span class="breadcrumb">Home</span>
+ </div>
<div style="margin: 15px 0; padding: 10px; background-color: #f0f0f0; border-radius: 5px;">
<label style="cursor: pointer; display: inline-flex; align-items: center;">
diff --git a/templates/map.tpl b/templates/map.tpl
index 8b76ba1..db66e5f 100644
--- a/templates/map.tpl
+++ b/templates/map.tpl
@@ -37,6 +37,10 @@
</head>
<body>
<div class="main-section">
+ <div class="site-nav">
+ <a class="brand" href="../index.html">OpenArena Stats</a>
+ <span class="breadcrumb"><a href="../index.html">Home</a> / Map: {{MAP_NAME}}</span>
+ </div>
<h1>Map: {{MAP_NAME}}</h1>
<div class="levelshot">