switched to using templates for header/navbar/footer

This commit is contained in:
shockrahwow 2019-11-27 22:15:22 -08:00
parent 8b6d461c2e
commit 4e6712584e
2 changed files with 8 additions and 106 deletions

View File

@ -1,50 +1,7 @@
<!doctype html> {% set stylesheet = "/static/css/about.css" %}
<html lang="en"> {% include "header" %}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="{{og_title}}">
<title>{{og_title}}</title>
<meta name="description" content="{{og_desc}}">
<!-- open graph things -->
<meta property="og:title" content="{{og_title}}">
<meta property="og:type" content="{{og_type}}">
<meta property="og:description" content="{{og_desc}}">
<meta property="og:url" content="{{og_url}}">
<meta property="og:image" content="{{og_image}}">
<link rel="shortcut icon" type="image/png" href="{{favicon}}">
<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
<link rel="stylesheet" href="/static/css/about.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> {%include "navbar" %}
<a class="navbar-brand" href="/">{{brand_url}}</a>
<button
class="navbar-toggler dropdown"
type="button" data-toggle="collapse"
data-target="#nav-content"
aria-controls="nav-content"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav-content">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/about">What is freechat?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/servers">Instances</a>
</li>
</ul>
</div>
</nav>
<div class="content-wrapper"> <div class="content-wrapper">
<div class="content"> <div class="content">
<div class="pure-g"> <div class="pure-g">

View File

@ -1,59 +1,13 @@
<!doctype html> {% set stylesheet = "/static/css/index.css" %}
<html lang="en"> {% include 'header' %}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="{{og_title}}">
<title>{{og_title}}</title>
<meta name="description" content="{{og_desc}}">
<!-- open graph things -->
<meta property="og:title" content="{{og_title}}">
<meta property="og:type" content="{{og_type}}">
<meta property="og:description" content="{{og_desc}}">
<meta property="og:url" content="{{og_url}}">
<meta property="og:image" content="{{og_image}}">
<link rel="shortcut icon" type="image/png" href="{{favicon}}">
<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
<link rel="stylesheet" href="/static/css/index.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> {% include "navbar" %}
<a class="navbar-brand" href="/">{{brand_url}}</a>
<button
class="navbar-toggler dropdown"
type="button" data-toggle="collapse"
data-target="#nav-content"
aria-controls="nav-content"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav-content">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/about">What is freechat?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/servers">Instances</a>
</li>
</ul>
</div>
</nav>
<div class="splash-container"> <div class="splash-container">
<div class="splash"> <div class="splash">
<h1 class="splash-head">{{brand_url}}</h1> <h1 class="splash-head">{{brand_url}}</h1>
<p class="splash-subhead">{{brand_motto}}</p> <p class="splash-subhead">{{brand_motto}}</p>
<p> <p><button class="btn btn-light" type="button">Join Now</button></p>
<a href="#msgform" class="pure-button pure-button-primary">{{brand_quip}}</a>
</p>
</div> </div>
</div> </div>
@ -73,13 +27,4 @@
</div> </div>
</div> </div>
</body> </body>
<!-- If jquery doesn't come first things like dropdown menus break --> {% include "footer" %}
<script
src="https://code.jquery.com/jquery-3.4.1.slim.js"
integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI="
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</html>