Initialize Repo: First Commit

10 files changed, 364 insertions, 0 deletions

diff --git a/views/404.view.php b/views/404.view.php
new file mode 100644
index 0000000..d72d1ec
--- /dev/null
+++ b/views/404.view.php
@@ -0,0 +1,12 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+        <main>
+            <div class="intro">
+
+                <h1>¯\_(ツ)_/¯</h1>
+                <h2>Page not found...</h2>
+
+            </div>
+        </main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/views/construction.view.php b/views/construction.view.php
new file mode 100644
index 0000000..48223af
--- /dev/null
+++ b/views/construction.view.php
@@ -0,0 +1,12 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+<main>
+    <div class="intro">
+
+        <h1>¯\_(ツ)_/¯</h1>
+        <h2>Under construction...</h2>
+
+    </div>
+</main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/views/contact.view.php b/views/contact.view.php
new file mode 100644
index 0000000..0e196ae
--- /dev/null
+++ b/views/contact.view.php
@@ -0,0 +1,62 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+    <main class="contact">
+
+        <br>
+
+        <div id="contact-vue">
+            <form id="contactform" method="post" action="/?sent">
+
+                <table class="contact-maxWidth">
+                    <tbody>
+                        <tr>
+                            <td>
+                                 <div class="contact-name">
+                                    <label for="name">Name <span class="form-alert" v-show="!name">*</span></label>
+                                    <input v-model="name" type="text" name="26471" id="name">
+                                </div>
+                            </td>
+                            <td>
+                                <div class="contact-email">
+                                    <label for="email">Email <span class="form-alert" v-show="!email">*</span></label>
+                                    <input v-model="email" type="email" name="26472" id="email">
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+                <table class="contact-maxWidth">
+                    <tbody>
+                        <tr>
+                            <td>
+                                <div>
+                                <label for="message">Message <span class="form-alert" v-show="!message">*</span></label>
+                                <textarea v-model="message" name="26478" id="message" rows="4"></textarea>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+                <table class="contact-maxWidth">
+                    <tbody>
+                        <tr>
+                            <td>
+                                 <ul class="contact-buttonPadding actions">
+                                     <li><input type="submit" value="send message" class="special"/></li>
+                                </ul>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+                <input type="checkbox" name="contact" class="form" tabindex="-1" autocomplete="off">
+
+            </form>
+            <!-- <pre>{{ $data | json }} </pre> -->
+        </div>
+
+    </main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/views/feedback.view.php b/views/feedback.view.php
new file mode 100644
index 0000000..625f90e
--- /dev/null
+++ b/views/feedback.view.php
@@ -0,0 +1,14 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+        <main class="feedback">
+            <div class=feedback-holder>
+
+            <br>
+
+            <script type="text/javascript" src="/comments"></script>
+            <noscript>You must have JavaScript enabled to use the comments.</noscript>
+
+            </div>
+        </main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/views/index.view.php b/views/index.view.php
new file mode 100644
index 0000000..da7a676
--- /dev/null
+++ b/views/index.view.php
@@ -0,0 +1,92 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+            <main>
+
+                <div class="intro">
+
+                    <h1>Edwin Mattiacci</h1>
+                    <h2>one day ennui was born from uniformity - motte</h2>
+
+                    <div class="playerbox">
+                        <br>
+                        <div class="left">
+                            <ul class="graphic">
+                                <li><a href="/audio/narrative.mp3"><p>&nbsp;Narrative</p></a></li>
+                                <li><a href="/audio/reading.mp3"><p>&nbsp;Dramatic</p></a></li>
+                             </ul>
+                        </div>
+                        <div class="right">
+                            <ul class="graphic">
+                                <li><a href="/audio/commercial.mp3"><p>&nbsp;Commercial</p></a></li>
+                                <li><a href="/audio/prologue.mp3"><p>&nbsp;Prologue</p></a></li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="icon-container">
+
+                        <a onclick="showFaq()" href="#">
+                            <span class="frame">
+                                <i class="ion icon ion-md-list-box"></i>
+                                <br>
+                                <p class="frame-info">FAQ</p>
+                            </span>
+                        </a>
+
+                        <a onclick="showDemo()" href="#">
+                            <span class="frame">
+                                <i class="ion icon ion-md-microphone"></i>
+                                <br>
+                                <p class="frame-info">Demos</p>
+                        </span>
+                        </a>
+
+                        <a onclick="showProjects()" href="#">
+                            <span class="frame">
+                                <i class="ion icon ion-md-filing"></i>
+                                <br>
+                                <p class="frame-info">Projects</p>
+                            </span>
+                         </a>
+
+                        <div id="overlay-faq" >
+                            <div onclick="hide()" class="closeButton">&times;</div>
+                            <div class="overlay-container">
+
+                                <h1>Frequently Asked Question</h1>
+
+                                <ul>
+                                    <li>
+                                        <b>Who is Edwin Mattiacci?</b>
+                                        <p> I'm a voiceover artist specializing in low to mid-range voiceovers.</p>
+                                    </li>
+                                </ul>
+
+                            </div>
+                        </div>
+
+                        <div id="overlay-demo" >
+                            <div onclick="hide()" class="closeButton">&times;</div>
+                            <div class="overlay-container">
+
+                                  <h1>Demos</h1>
+                                  <p>Nothing to see here yet! In the meantime check out my <a style="color: red;" href="https://www.youtube.com/c/EdwinMattiacci" target="blank" rel="noopener noreferrer">Youtube Channel</a></p>
+
+                            </div>
+                        </div>
+
+                        <div id="overlay-projects" >
+                            <div onclick="hide()" class="closeButton">&times;</div>
+                            <div class="overlay-container">
+
+                                 <h1>Projects</h1>
+                                 <p>Nothing to see here yet! In the meantime check out my <a style="color: red;" href="https://www.youtube.com/c/EdwinMattiacci" target="blank" rel="noopener noreferrer">Youtube Channel</a></p>
+
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/views/partials/footer.php b/views/partials/footer.php
new file mode 100644
index 0000000..c328e39
--- /dev/null
+++ b/views/partials/footer.php
@@ -0,0 +1,63 @@
+
+        <?php if ($_SERVER['REQUEST_URI'] == '/') { ?>
+
+        <footer class="footer footer-transparent">
+
+        <?php } else { ?>
+
+        <footer class="footer">
+
+        <?php } ?>
+
+            <p class="footer-container text-muted">
+
+                Design inspired by <a href="https://github.com/calintat/minimal" target="_blank">Minimal</a>
+                <br>
+                &copy; Edwin Mattiacci Voiceover
+
+            </p>
+        </footer>
+
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" media="preload" onload="if(media!='all')media='all'">
+        <noscript><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"></noscript>
+
+        <?php if ($_SERVER['REQUEST_URI'] != '/') { ?>
+
+        <script async src="/js/main.slim.js"></script>
+
+        <?php } else { ?>
+
+        <link rel="stylesheet" href="https://unpkg.com/ionicons@4.2.4/dist/css/ionicons.min.css" integrity="sha384-0TxCAa14mCMwYh87GwcrVrVBp+V6WBLIeyFX66Pc970xjDHx99oOjLDc4twfCLrd" crossorigin="anonymous" media="preload" onload="if(media!='all')media='all'">
+        <noscript><link rel="stylesheet" href="https://unpkg.com/ionicons@4.2.4/dist/css/ionicons.min.css" integrity="sha384-0TxCAa14mCMwYh87GwcrVrVBp+V6WBLIeyFX66Pc970xjDHx99oOjLDc4twfCLrd" crossorigin="anonymous"></noscript>
+
+        <script src="https://cdn.jsdelivr.net/npm/soundmanager2@2.97.20170602/script/soundmanager2.min.js"></script>
+
+        <script src="/js/main.js"></script>
+
+        <img onload="fadeImage()" src="https://res.cloudinary.com/dpszgzqjb/image/upload/v1531598829/Images/bookshelf.jpg" id="bg" alt="background-image">
+
+        <?php } ?>
+
+        <?php if (trim($_SERVER['REQUEST_URI'], '/') == 'contact') { ?>
+
+        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+        <script>
+
+            new Vue({
+                el: '#contact-vue',
+                data: {
+                    name: '',
+                    email: '',
+                    message: ''
+                }
+
+            });
+
+            Vue.config.devtools = true;
+
+        </script>
+
+        <?php } ?>
+
+    </body>
+</html>
diff --git a/views/partials/header.php b/views/partials/header.php
new file mode 100644
index 0000000..a23212c
--- /dev/null
+++ b/views/partials/header.php
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-us">
+    <head>
+
+        <meta charset="utf-8">
+
+        <title>Edwin Mattiacci - <?php webTitle();?></title>
+
+        <meta name="author" content="Edwin Mattiacci">
+        <meta name="description" content="Edwin Mattiacci Voiceover. Narration, Trailers, Commercials, and More.">
+        <meta name="keywords" content="Edwin, Mattiacci, Voice, Voiceover, Narration, Trailers, Commercials">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" href="/favicon.png"/>
+
+        <link rel="stylesheet" href="/css/main.css">
+
+        <link href="/index.xml" rel="feed" type="application/rss+xml" title="Edwin Mattiacci" />
+
+    </head>
+
+    <?php if ($_SERVER['REQUEST_URI'] == '/') { ?>
+    <body id="main">
+    <?php } else { ?>
+    <body class="body-opaque" id="main">
+    <?php } ?>
+
+<?php require 'navigator.php'; ?>
diff --git a/views/partials/navigator.php b/views/partials/navigator.php
new file mode 100644
index 0000000..8239805
--- /dev/null
+++ b/views/partials/navigator.php
@@ -0,0 +1,57 @@
+<?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/model/Navigator.php'; ?>
+
+<?php /* must refactor this crazy mess */ ?>
+
+            <?php if ($_SERVER['REQUEST_URI'] == '/') { ?>
+            <nav class="nav-transparent">
+            <?php } ?>
+
+            <?php if ($_SERVER['REQUEST_URI'] != '/') { ?>
+            <nav>
+            <?php } ?>
+
+            <div class="topnav topnav-left" id="navbar">
+
+                <?php navBar() ?>
+
+                <div class="topnav topnav-right" id="navbar">
+
+                    <a href="javascript:void(0)" class="navicon" onclick="openNav()">&#9776;</a>
+                    <a href="https://admin.gear.mycelium.com/gateways/2031/orders/new" target="blank" rel="noopener noreferrer"><i class="fa fa-bitcoin"></i></a>
+                    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=PCZWCVXR9DJTW" target="blank" rel="noopener noreferrer"><i class="fa fa-paypal"></i></a>
+                    <a href="https://soundcloud.com/user-825887030" target="blank" rel="noopener noreferrer"><i class="fa fa-soundcloud"></i></a>
+                    <a href="https://www.youtube.com/c/EdwinMattiacci" target="blank" rel="noopener noreferrer"><i class="fa fa-youtube-play"></i></a>
+                    <a href="mailto:edwinmattiacci@yahoo.com"><i class="fa fa-envelope-o"></i></a>
+
+                </div>
+
+            </div>
+
+            <div id="side-navbar" class="sidenav">
+
+                <?php if ($_SERVER['REQUEST_URI'] != '/posts/') { ?>
+                <a href="javascript:void(0)" class="navicon" onclick="closeNav()">&#9776;</a>
+                <br>
+                <br>
+                <br>
+                <br>
+                <?php } ?>
+
+                <?php if ($_SERVER['REQUEST_URI'] == '/posts/') { ?>
+                <a href="javascript:void(0)" class="navicon" onclick="closeNav()">&#9776;</a>
+                <br>
+                <br>
+                <br>
+                <?php } ?>
+
+                    <?php navBarPost() ?>
+
+                <br>
+                <a href="mailto:edwinmattiacci@yahoo.com"><i class="fa fa-envelope-o"></i></a>
+                <a href="https://www.youtube.com/c/EdwinMattiacci" target="blank" rel="noopener noreferrer"><i class="fa fa-youtube-play"></i></a>
+                <a href="https://soundcloud.com/user-825887030" target="blank" rel="noopener noreferrer"><i class="fa fa-soundcloud"></i></a>
+                <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=PCZWCVXR9DJTW" target="blank" rel="noopener noreferrer"><i class="fa fa-paypal"></i></a>
+                <a href="https://admin.gear.mycelium.com/gateways/2031/orders/new" target="blank" rel="noopener noreferrer"><i class="fa fa-bitcoin"></i></a>
+
+            </div>
+        </nav>
diff --git a/views/sent.view.php b/views/sent.view.php
new file mode 100644
index 0000000..ff5c21a
--- /dev/null
+++ b/views/sent.view.php
@@ -0,0 +1,12 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+        <main>
+            <div>
+
+                <h2>Thank you for your message.</h2>
+                <a href="/"><b>Return to the Home Page</b></a>
+
+            </div>
+        </main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>
diff --git a/views/senterror.view.php b/views/senterror.view.php
new file mode 100644
index 0000000..1742cd2
--- /dev/null
+++ b/views/senterror.view.php
@@ -0,0 +1,12 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+        <main>
+            <div>
+
+            <p><?php echo 'Message could not be sent. Mailer Error: <br>', $mail->ErrorInfo; ?></p>
+            <a href="/contact"><b>Return to the Contact Page</b></a>
+
+            </div>
+        </main>
+
+<?php require __DIR__ . '/partials/footer.php'; ?>