summaryrefslogtreecommitdiff
path: root/static/header.php
diff options
context:
space:
mode:
author53hornet <atc@53hor.net>2021-08-22 11:03:36 -0400
committer53hornet <atc@53hor.net>2021-08-22 11:03:36 -0400
commit7494b946920bf93fa12ac1fc71a07b1165a203e2 (patch)
tree0003ebcdb595c53a0a8bb1cde8cf54b94a52c3f7 /static/header.php
parentf2e39406302c3b79a608a6f20e058a084401c6eb (diff)
downloadcarpentertutoring-7494b946920bf93fa12ac1fc71a07b1165a203e2.tar.xz
carpentertutoring-7494b946920bf93fa12ac1fc71a07b1165a203e2.zip
begin migrate to warp for evals functionality and site server
Diffstat (limited to 'static/header.php')
-rw-r--r--static/header.php286
1 files changed, 286 insertions, 0 deletions
diff --git a/static/header.php b/static/header.php
new file mode 100644
index 0000000..42925fa
--- /dev/null
+++ b/static/header.php
@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <title>
+ Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring,
+ LLC
+ </title>
+ <style>
+ /* Colors */
+ :root {
+ --darkteal: rgb(0, 100, 108);
+ --green: rgb(88, 169, 143);
+ --darkerteal: rgb(29, 133, 137);
+ --gray: rgb(157, 210, 211);
+ --teal: rgb(58, 165, 166);
+ --cyan: rgb(156, 210, 210);
+ --darkgray: rgb(127, 177, 181);
+ --darkgreen: rgb(59, 136, 114);
+ --yellow: rgb(186, 214, 187);
+ }
+
+ /* Elements */
+
+ html,
+ body {
+ margin: 0;
+ padding: 0;
+ font-family: "PT Sans", sans-serif;
+ color: dimgray;
+ }
+
+ body {
+ background-image: url("/assets/bg.png");
+ }
+
+ .banner {
+ font-size: 1em;
+ text-align: center;
+ padding: 3em;
+ background-color: white;
+ }
+
+ nav {
+ display: flex;
+ background-color: white;
+ flex-direction: column-reverse;
+ }
+
+ nav img {
+ height: 1.4em;
+ }
+
+ nav a {
+ font-family: "PT Sans", sans-serif;
+ color: dimgray;
+ text-align: center;
+ text-decoration: none;
+ padding: 1em 1em;
+ transition: 0.15s;
+ }
+
+ nav a:hover {
+ color: var(--darkteal);
+ background-color: lightgray;
+ }
+
+ div.buttons {
+ display: flex;
+ flex-direction: column;
+ }
+
+ h1 {
+ font-size: 3em;
+ color: var(--darkteal);
+ font-family: "Architects Daughter", cursive;
+ }
+
+ h2 {
+ font-size: 2em;
+ color: var(--darkteal);
+ font-family: "Indie Flower", cursive;
+ }
+
+ section {
+ font-size: 1.5em;
+ margin: 0;
+ padding: 1em;
+ }
+
+ section.quiet {
+ background-color: white;
+ }
+
+ .button img {
+ margin-right: 1em;
+ }
+
+ button.button,
+ a.button {
+ display: flex;
+ align-items: center;
+ background-color: var(--teal);
+ padding-left: 1em;
+ padding-right: 1em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: 0.5em;
+ text-decoration: none;
+ color: white;
+ border-radius: 3em;
+ transition: 0.15s;
+ }
+
+ button.button:hover,
+ a.button:hover {
+ box-shadow: 0 4px 8px 0 lightgray, 0 6px 20px 0 lightgray;
+ }
+
+ button {
+ font-family: "PT Sans", sans-serif;
+ border: none;
+ font-size: 0.75em;
+ }
+
+ a.primary {
+ background-color: var(--darkteal);
+ }
+
+ footer {
+ background-color: white;
+ text-align: center;
+ padding: 3em;
+ font-size: 1.5em;
+ }
+
+ footer a,
+ section a {
+ color: var(--darkteal);
+ text-decoration: underline;
+ }
+
+ .card {
+ font-size: 0.9em;
+ background-color: white;
+ padding: 1em;
+ border-radius: 1em;
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ form input,
+ form textarea {
+ font-family: "PT Sans", sans-serif;
+ margin-bottom: 1.5em;
+ box-sizing: border-box;
+ width: 100%;
+ border: 1px solid lightgray;
+ padding: 1em;
+ }
+
+ form input {
+ border-radius: 3em;
+ }
+
+ textarea {
+ border-radius: 1em;
+ resize: none;
+ }
+
+ table {
+ width: 100%;
+ border-collapse: collapse;
+ }
+
+ table th {
+ text-align: right;
+ color: var(--darkteal);
+ }
+
+ table td,
+ table th {
+ vertical-align: bottom;
+ }
+
+ tr:nth-child(even) {
+ background-color: lightgray;
+ }
+
+ picture img {
+ width: 100%;
+ }
+
+ .shadowy img {
+ box-shadow: 0 4px 8px 0 dimgray, 0 6px 20px 0 dimgray;
+ }
+
+ figcaption {
+ text-align: right;
+ color: var(--darkteal);
+ font-family: "Architects Daughter", cursive;
+ }
+
+ section.flexible {
+ display: flex;
+ flex-direction: column;
+ }
+
+ #reviews .card,
+ #offerings .card {
+ margin: 1em;
+ text-align: center;
+ }
+
+ #reviews,
+ #offerings {
+ padding-left: 0;
+ padding-right: 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ }
+
+ .modal {
+ position: fixed;
+ z-index: 1;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: white;
+ background-color: rgba(1, 1, 1, 0.4);
+ overflow: auto;
+ display: none;
+ font-size: 1.5em;
+ }
+
+ .modal .card {
+ max-height: 90%;
+ max-width: 60%;
+ }
+
+ .modal a,
+ .card a.button {
+ float: right;
+ }
+
+ :target.modal {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ :target.modal .card {
+ overflow: auto;
+ }
+ </style>
+ <link rel="preconnect" href="https://fonts.gstatic.com" />
+ <link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&display=swap" rel="stylesheet" />
+ <link rel="stylesheet" href="/desktop.css" />
+ <link rel="stylesheet" href="/widescreen.css" />
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="description" content="Tutoring Excellence Online and in Hampton Roads, VA" />
+ <meta property="og:description" content="Tutoring excellence online and in-person" />
+ <meta property="og:image" content="http://carpentertutoring.com/assets/logo.webp" />
+ <meta property="og:image:secure_url" content="https://carpentertutoring.com/assets/logo.webp" />
+ <meta property="og:site_name" content="Carpenter Tutoring" />
+ <meta property="og:title" content="Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring, LLC" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="https://carpentertutoring.com" />
+</head>
+
+<body>
+ <nav>
+ <a href="/#contact">Contact Me</a>
+ <a href="/#reviews">Reviews</a>
+ <a href="/about">About</a>
+ <a href="/policies">Policies</a>
+ <a href="/#pricing">Pricing</a>
+ <a href="/#offerings">Offerings</a>
+ <a href="/#"><img src="/assets/logo-simple.png" /></a>
+ </nav>
+
+ <main>