aboutsummaryrefslogtreecommitdiff
path: root/app/views
diff options
context:
space:
mode:
authorThedro Neely <thedroneely@gmail.com>2018-08-30 04:30:53 -0400
committerThedro Neely <thedroneely@gmail.com>2018-08-30 04:30:53 -0400
commit2bdcd9d9283b44e7c35822aa1317013928006fd8 (patch)
treeca2bf097e4dfcfdabba36a5cb2643560ab03b926 /app/views
downloadthedroneely.com-2bdcd9d9283b44e7c35822aa1317013928006fd8.tar.gz
thedroneely.com-2bdcd9d9283b44e7c35822aa1317013928006fd8.tar.bz2
thedroneely.com-2bdcd9d9283b44e7c35822aa1317013928006fd8.zip
Initialize Repo: First Commit
Diffstat (limited to 'app/views')
-rw-r--r--app/views/404.view.php31
-rw-r--r--app/views/contact.view.php101
-rw-r--r--app/views/contact.view.php.bak134
-rw-r--r--app/views/index.view.php113
-rw-r--r--app/views/mail-error.view.php29
-rw-r--r--app/views/mail-sent.view.php24
-rw-r--r--app/views/partials/footer.php117
-rw-r--r--app/views/partials/header.php23
-rw-r--r--app/views/partials/header.posts.php16
-rw-r--r--app/views/partials/navigator.php36
10 files changed, 624 insertions, 0 deletions
diff --git a/app/views/404.view.php b/app/views/404.view.php
new file mode 100644
index 0000000..f0bbae0
--- /dev/null
+++ b/app/views/404.view.php
@@ -0,0 +1,31 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+ <section class="section hero is-fullheight" itemscope itemtype="http://schema.org/HomePage">
+ <div class="hero-head">
+
+ <?php require __DIR__ . '/partials/navigator.php'; ?>
+
+ </div>
+
+ <div class="hero-body">
+ <div class="container">
+ <div class="columns">
+ <div class="column is-8 is-offset-2 has-text-centered">
+
+ <h1 style="font-size: 3em;">404</h1>
+
+ <br>
+
+ <h2>Page Not Found</h2>
+ <p>Sorry, this page does not exist.<p>
+
+ <br>
+
+ <p>You can head back to <a href="/">homepage</a>.</p>
+
+ </div>
+ </div>
+ </div>
+ </div>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/app/views/contact.view.php b/app/views/contact.view.php
new file mode 100644
index 0000000..7cbf752
--- /dev/null
+++ b/app/views/contact.view.php
@@ -0,0 +1,101 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+ <body>
+
+ <section class="section hero" itemscope itemtype="http://schema.org/WebPage">
+
+ <div class="hero-head">
+
+ <?php require __DIR__ . '/partials/navigator.php'; ?>
+
+ </div>
+
+<div id="contact-vue">
+ <div class="hero-body">
+ <div class="container">
+ <div class="columns">
+
+ <div class="contact-notification notification is-success">
+ <button class="delete"></button>
+ <p class="is-size-7">
+ <strong>Message delivered.</strong>
+ <br>
+ Thank you for your message.
+ <br>
+ <a href="#">Return to the home page</a>
+ </p>
+ </div>
+
+ <div class="column is-6 is-offset-3 has-text-centered">
+ <h1 class="title is-3">Contact</h1>
+
+ <div class="content">
+
+ <p>
+ Interested in collaborating together?
+ Complete the form below with basic info about your project or idea.
+ Please allow 24-48 hours for a response.
+ </p>
+
+ </div>
+
+ <form method="post" action="/?sent">
+
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field is-expanded">
+ <label class="label">Name <span class="alert" v-show="!name">*</span></label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input v-model="name" class="input" type="text" name="26471" placeholder="Jason Response">
+ </p>
+ </div>
+ </div>
+ <div class="field is-expanded">
+ <label class="label">Email <span class="alert" v-show="!email">*</span></label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input v-model="email" class="input" type="email" name="26472" placeholder="user@domain.com">
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <label class="label">Message <span class="alert" v-show="!message">*</span></label>
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <div class="control">
+ <textarea v-model="message" class="textarea" name="26478" placeholder="How would you describe your project?"></textarea>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <br>
+
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <div class="control">
+ <button class="button is-primary">
+ Send message
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <input type="checkbox" name="contact" class="form" tabindex="-1" autocomplete="off">
+
+ </form>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- <pre>{{ $data | json }} </pre> -->
+</div>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/app/views/contact.view.php.bak b/app/views/contact.view.php.bak
new file mode 100644
index 0000000..ec41085
--- /dev/null
+++ b/app/views/contact.view.php.bak
@@ -0,0 +1,134 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+ <body>
+
+ <section class="section hero is-fullheight" itemscope itemtype="http://schema.org/WebPage">
+
+ <div class="hero-head">
+
+ <?php require __DIR__ . '/partials/navigator.php'; ?>
+
+ </div>
+
+ <div class="hero-body">
+ <div class="container">
+ <div class="columns">
+ <div class="column is-8 is-offset-2 has-text-centered">
+ <h1 class="title is-3">Contact</h1>
+
+ <div class="content">
+
+ <p>
+ Interested in collaborating together? Complete the form below with basic info about your project or idea. Please allow 24-48 hours for a response.
+ </p>
+
+ </div>
+
+ <form class="form-limit" method="post" action="/?sent">
+
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field is-expanded">
+ <label class="label">Name</label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input class="input" type="text" name="26471" placeholder="Jason Response">
+ </p>
+ </div>
+ </div>
+ <div class="field is-expanded">
+ <label class="label">Email</label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input class="input" type="email" name="26472" placeholder="user@domain.com">
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field is-expanded">
+ <label class="label">Phone</label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input class="input" type="tel" name="26473" placeholder="242 777 7777">
+ </p>
+ </div>
+ </div>
+ <div class="field is-expanded">
+ <label class="label">Budget</label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input class="input" type="text" name="26474" placeholder="Tell us your budget">
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field is-expanded">
+ <label class="label">Timeline</label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input class="input" type="text" name="26475" placeholder="3 weeks and 2 days">
+ </p>
+ </div>
+ </div>
+ <div class="field is-expanded">
+ <label class="label">Website</label>
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <input class="input" type="text" name="26476" placeholder="http://www.example.com">
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <label class="label">Subject</label>
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <input class="input" type="text" name="26477" placeholder="Bonjour!">
+ </div>
+ </div>
+ </div>
+
+ <label class="label">Message</label>
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <div class="control">
+ <textarea class="textarea" name="26478" placeholder="How would you describe your project?"></textarea>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <br>
+
+ <div class="field is-horizontal">
+ <div class="field-body">
+ <div class="field">
+ <div class="control">
+ <button class="button is-primary">
+ Send message
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <input type="checkbox" name="contact" class="form" tabindex="-1" autocomplete="off">
+
+ </form>
+
+ </div>
+ </div>
+ </div>
+ </div>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/app/views/index.view.php b/app/views/index.view.php
new file mode 100644
index 0000000..0487beb
--- /dev/null
+++ b/app/views/index.view.php
@@ -0,0 +1,113 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+ <body>
+
+ <section class="section hero" itemscope itemtype="http://schema.org/HomePage">
+ <div class="hero-head">
+
+ <?php require __DIR__ . '/partials/navigator.php'; ?>
+
+ </div>
+ <div class="hero-body">
+ <div class="container" style="max-width: 882px">
+ <div class="columns">
+ <div class="column is-8 has-text-left">
+ <h1 class="title"><span>Web<span class="has-text-danger"> Developer</span></span></h1>
+ <h2 class="subtitle">
+ Thedro Neely
+
+ </h2>
+ <div class="content">
+
+ <p class="has-text-left has-text-black">
+ My name is Thedro (tee-dro) &mdash; a web developer and self-taught
+ <a href="https://en.wikipedia.org/wiki/Linux">linux and unix-like</a>
+ system administrator.
+ There are many different tools and programming languages I've come across.
+ Welcome to my small part of the web. Here you'll find things I've
+ worked on as well as other interesting discoveries.
+ </p>
+
+ </div>
+
+ <div class="columns">
+ <div class="column">
+ <h3 class="subtitle has-text-greyer is-marginless">Recent Posts</h3>
+ <br>
+ <ul>
+
+ <li><a href="/post/mixing-php-into-hugo/">Mixing PHP into Hugo</a></li>
+ <li><a href="/post/now-dns-pfsense/">Now-DNS and pfSense</a></li>
+
+ <br>
+
+ <li><a class="front-frame" href="post/">More posts<span class="icon">➤</span></a></li>
+
+ </ul>
+ </div>
+
+ <div class="column">
+ <h3 class="subtitle has-text-greyer is-marginless">Recent Projects</h3>
+ <br>
+ <ul>
+
+ <li><a href="/project/personal-portfolio/">Personal Portfolio</a></li>
+ <li><a href="/project/voiceover-website/">Voiceover Website</a></li>
+
+ <br>
+
+ <li><a class="front-frame" href="project/">More projects<span class="icon">➤</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div class="column is-4 has-text-left">
+
+ <div class="tabs is-boxed" style="margin-bottom: 0;">
+ <ul>
+ <li class="is-active">
+ <a>
+ <span class="is-size-7">Activity</span>
+ </a>
+ </li>
+ <li>
+ <a style="background-color: #fff; color: #999; border: 1px solid #fff">
+ <span class="is-size-7">Status</span>
+ </a>
+ </li>
+ </ul>
+
+ </div>
+
+ <div style="background-color: #f2f2f2; padding: 10px;border: 1px solid #dbdbdb; min-height: 350px;">
+
+
+
+<div class="card">
+ <header class="card-header">
+ <p class="card-header-title is-size-7">
+ Last Github Commit
+ </p>
+ <a href="#" class="card-header-icon" aria-label="more options">
+ </a>
+ </header>
+ <div class="card-content" style="padding: 0.5rem;">
+ <div class="content is-size-7">
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+ </div>
+ </div>
+</div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/app/views/mail-error.view.php b/app/views/mail-error.view.php
new file mode 100644
index 0000000..a4dec11
--- /dev/null
+++ b/app/views/mail-error.view.php
@@ -0,0 +1,29 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+<body>
+
+ <section class="section hero is-fullheight" itemscope itemtype="http://schema.org/WebPage">
+
+ <div class="hero-head">
+
+ <?php require __DIR__ . '/partials/navigator.php'; ?>
+
+ </div>
+
+ <div class="hero-body">
+ <div class="container">
+ <div class="columns">
+ <div class="column is-8 is-offset-2 has-text-centered">
+
+ <br>
+ <p><?php echo 'Message could not be sent. Mailer Error: <br>', $mail->ErrorInfo; ?></p>
+ <br>
+ <a href="/contact"><b>Return to the Contact Page</b></a>
+ <br>
+
+ </div>
+ </div>
+ </div>
+ </div>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/app/views/mail-sent.view.php b/app/views/mail-sent.view.php
new file mode 100644
index 0000000..3ba0794
--- /dev/null
+++ b/app/views/mail-sent.view.php
@@ -0,0 +1,24 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+ <body>
+
+ <section class="section hero is-fullheight" itemscope itemtype="http://schema.org/HomePage">
+ <div class="hero-head">
+
+ <?php require __DIR__ . '/partials/navigator.php'; ?>
+
+ </div>
+ <div class="hero-body">
+ <div class="container">
+ <div class="columns">
+ <div class="column is-8 is-offset-2 has-text-centered">
+ <article style="text-align: center;">
+ <h3>Thank you for your message.</h3>
+ <a href="/"><b>Return to the Home Page</b></a>
+ </article>
+ </div>
+ </div>
+ </div>
+ </div>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/app/views/partials/footer.php b/app/views/partials/footer.php
new file mode 100644
index 0000000..e25fc85
--- /dev/null
+++ b/app/views/partials/footer.php
@@ -0,0 +1,117 @@
+<div class="hero-foot">
+
+ <footer class="footer footer__custom">
+
+ <div class="columns">
+
+ <div class="column footer__left">
+
+ <div class="has-text-centered">
+ <div class="footer-left has-text-black is-size-7">
+
+ <p>Design inspired by <a class="has-text-black" href="https://github.com/solutionroute/hugo-smorg">Smorg</a></p>
+ <p>Built with <a class="has-text-black" href="https://secure.php.net/">PHP</a> | <a class="has-text-black" href="https://gohugo.io/">Hugo</a> | <a class="has-text-black" href="https://posativ.org/isso/">Isso</a></p>
+ <p>&copy; Thedro Neely</p></li>
+
+ </div>
+ </div>
+
+ </div>
+
+ <div class="column footer__middle">
+
+ <div class="has-text-centered">
+ <div class="footer-left is-size-7">
+
+ <p><a class="has-text-black" href="https://github.com/tdro">Github Profile</a></p>
+ <p><a class="has-text-black" href="https://gitlab.com/tdro">Gitlab Repository</a></p>
+ <p><a class="has-text-black" href="#">Contact Page</a></p>
+
+ </div>
+ </div>
+
+ </div>
+
+ <div class="column footer__right">
+
+ <div class="has-text-centered is-size-7">
+ <div>
+
+ <p class="img__margin"><a href="/pgp.asc"><img src="/images/pgp.png" height="111" width="111" alt="PGP Key"></a></p>
+ <p><a class="has-text-black" href="/pgp.asc">&mdash; PGP Public Key &mdash;</a></p>
+
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </footer>
+
+</div>
+
+</section>
+
+<script type="application/ld+json">
+{
+ "@context": "http://schema.org",
+ "@type": "WebSite",
+ "mainEntityOfPage": {
+ "@type": "WebPage",
+ "@id": "/"
+ },
+ "name": "Thedro Neely: Portfolio",
+ "description": "Thedro's Personal Website",
+ "author": {
+ "@type": "Person",
+ "name": "Thedro Neely",
+ "email": "thedroneely@gmail.com"
+ },
+ "publisher": {
+ "name": "Thedro Neely",
+ "type": "Person"
+
+ }
+}
+</script>
+
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+ var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+ if ($navbarBurgers.length > 0) {
+ $navbarBurgers.forEach(function ($el) {
+ $el.addEventListener('click', function () {
+ var target = $el.dataset.target;
+ var $target = document.getElementById(target);
+ $el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+ });
+ });
+ }
+});
+</script>
+
+<?php if (trim($_SERVER['REQUEST_URI'], '/') == 'contact') { ?>
+
+<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+
+<!-- development version, includes helpful console warnings -->
+<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
+
+<script>
+ new Vue({
+ el: '#contact-vue',
+ data: {
+ name: '',
+ email: '',
+ message: ''
+ }
+
+ });
+</script>
+
+<?php } ?>
+
+</body>
+</html>
diff --git a/app/views/partials/header.php b/app/views/partials/header.php
new file mode 100644
index 0000000..2162868
--- /dev/null
+++ b/app/views/partials/header.php
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="has-navbar-fixed-top" lang="en-us">
+<head>
+
+ <meta charset="utf-8">
+
+ <title><?php generateTitle(); ?>Portfolio - Thedro Neely</title>
+
+ <meta name="description" content="Thedro's Portfolio Website">
+ <meta name="keywords" content="Thedro,Neely,Portfolio,Website">
+ <meta name="author" content="Thedro Neely">
+
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="robots" content="index,follow">
+
+ <link href="/rss.xml" rel="feed" type="application/rss+xml" title="Edwin Mattiacci"/>
+
+ <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
+ <link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
+
+ <link rel="stylesheet" href="/css/smorg.css">
+
+</head>
diff --git a/app/views/partials/header.posts.php b/app/views/partials/header.posts.php
new file mode 100644
index 0000000..87189bd
--- /dev/null
+++ b/app/views/partials/header.posts.php
@@ -0,0 +1,16 @@
+
+ <meta charset="utf-8">
+
+ <meta name="description" content="Thedro's Portfolio Website Posts">
+ <meta name="keywords" content="Thedro,Neely,Portfolio,Website,Posts">
+ <meta name="author" content="Thedro Neely">
+
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="robots" content="index,follow">
+
+ <link href="/rss.xml" rel="feed" type="application/rss+xml" title="Edwin Mattiacci"/>
+
+ <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
+ <link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
+
+ <link rel="stylesheet" href="/css/smorg.css">
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php
new file mode 100644
index 0000000..96facde
--- /dev/null
+++ b/app/views/partials/navigator.php
@@ -0,0 +1,36 @@
+<?php include $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/model/Navigation.php'; ?>
+
+<?php $navigation = new Navigation(); ?>
+
+ <nav class="navbar navbar__custom is-fixed-top" aria-label="main navigation">
+ <div class="container">
+ <div class="navbar-brand">
+
+ <?php $navigation->generatehomeButton(); ?>
+
+ <div class="navbar-burger burger has-text-white" data-target="navMenu">
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+ </div>
+ <div class="navbar-menu" id="navMenu">
+
+ <div class="navbar-start">
+
+ <div class="navbar-item">
+ <div class="control">
+ <input class="navbar__search input" type="text">
+ </div>
+ </div>
+
+ </div>
+
+ <div class="navbar-end">
+
+ <?php $navigation->generateNavBar(); ?>
+
+ </div>
+ </div>
+ </div>
+ </nav>
generated by cgit v1.2.3 (git 2.39.0) at 2024-05-13 22:11:30 +0000