Add initial web app scaffolding

This commit is contained in:
2022-02-08 23:17:35 -05:00
parent 5e00046622
commit 9278bfeee9
10 changed files with 340 additions and 0 deletions

View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
{% block header %}{% endblock %}
</head>
<body>
<div id="preloader"><div class="spinner"><div></div></div></div>
<div id="main" class="grid-x grid-margin-x">
{% block content %}{% endblock %}
</div>
</body>
</html>

View File

@@ -0,0 +1,10 @@
{% extends "base.html.j2" %}
{% from "macros.html.j2" import make_header %}
{% block header %}
{{ make_header(title) }}
{% endblock %}
{% block content %}
{{ error.title }}
{% endblock %}

View File

@@ -0,0 +1,10 @@
{% extends "base.html.j2" %}
{% from "macros.html.j2" import make_header %}
{% block header %}
{{ make_header('Disclose My Pay') }}
{% endblock %}
{% block content %}
Hello world
{% endblock %}

View File

@@ -0,0 +1,56 @@
{% macro make_header(title, js_bundle=none, css_bundle=none) %}
<!-- OpenGraph integration meta -->
<meta property="og:title" content="{{ title }}"/>
<meta property="og:url" content="https://enpaul.net/"/>
<meta property='og:site_name' content="Disclose My Pay"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="{{ 'static' | url_for('assets/section7.png') }}"/>
<meta property='og:description' content="Share your compensation information privately with your coworkers"/>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="admin@enp.one"/>
<meta name="description" content="Share your compensation information privately with your coworkers"/>
<title>{{ title }}</title>
<link rel="shortcut icon" href="{{ 'static' | url_for('assets/section7.ico') }}">
<link rel="icon" type="image/ico" href="{{ 'static' | url_for('assets/section7.ico') }}" sizes="32x32">
<link rel="icon" type="image/ico" href="{{ 'static' | url_for('assets/section7.ico') }}" sizes="16x16">
<link rel="icon" type="image/ico" href="{{ 'static' | url_for('assets/section7.ico') }}" sizes="8x8">
<!-- third party includes -->
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css"
integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I="
crossorigin="anonymous"
/>
<script
type="text/javascript"
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/js/foundation.min.js"
integrity="sha256-pRF3zifJRA9jXGv++b06qwtSqX1byFQOLjqa2PTEb2o="
crossorigin="anonymous"
></script>
{% if js_bundle is not none %}{% assets js_bundle %}
<script type="text/javascript" src="{{ ASSET_URL }}"></script>
{% endassets %}{% endif %}
{% if css_bundle is not none %}{% assets css_bundle %}
<link href="{{ ASSET_URL }}" rel="stylesheet">
{% endassets %}{% endif %}
{% endmacro %}