diff options
| author | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
|---|---|---|
| committer | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
| commit | ea54421b15c9705f86a8d25a6caaa40791d66e18 (patch) | |
| tree | 546ec8892c2140a48129fd521189dc68b567c95b /app/views/index.view.php | |
| parent | f888991f298e59933250c8d56080c1805068f5e0 (diff) | |
| download | thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.gz thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.bz2 thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.zip | |
app: Refactor and CSS rewrite
Diffstat (limited to 'app/views/index.view.php')
| -rw-r--r-- | app/views/index.view.php | 181 |
1 files changed, 81 insertions, 100 deletions
diff --git a/app/views/index.view.php b/app/views/index.view.php index 8261d35..bef54f5 100644 --- a/app/views/index.view.php +++ b/app/views/index.view.php @@ -1,109 +1,90 @@ <?php require __DIR__ . '/partials/header.php';?> - <body> +<body> <?php require __DIR__ . '/partials/navigator.php';?> - <section class="section"> - - <div class="container"> - <div class="columns is-centered"> - <div class="column is-7"> - - <h1 class="title has-text-weight-normal"> - <span> - Web - <span class="has-text-danger"> - Developer - </span> - </span> - </h1> - - <h2 class="subtitle has-text-grey-dark has-text-weight-normal"> - In it for the long haul - </h2> - - <video-container> - <video preload="none" poster="/images/pipes.png" width="732" autoplay loop muted playsinline> - <source src="/videos/pipes.mp4" type="video/mp4" /> - <p> - Sorry, your browser doesn't support embedded videos. Here is a - <a href="/videos/pipes.mp4">link to the video</a> instead. - </p> - </video> - <figcaption class="has-text-grey-dark">pipes.sh terminal screensaver</figcaption> - </video-container> - - <div class="content"> - - <p class="introduction has-text-left"> - <?php fetch('/cockpit/api/singletons/get/introduction', 'text'); ?> - </p> - - <span class="quote marginnote leftnote"> - <span class="has-text-weight-bold has-margin-bottom-sm is-block">Random Quote</span> - <?php echo shell_exec('fortune ' . dirname($_SERVER['DOCUMENT_ROOT']) . '/generators/fortune/quotes.fortune'); ?> - </span> - - </div> - - <div class="recent__article"> - - <label for="posts" class="title is-inline-block is-4 has-text-weight-normal marginnote-toggle marginnote-mark"> - Recent Posts - </label> - - <input type="checkbox" id="posts" class="marginnote-toggle"> - - <span class="marginnote rightnote"> - See an archive of all posts <a href="/posts/archive/">here.</a> - </span> - - <?php - $recentPosts = new DOMExtract(); - echo $recentPosts->innerHTML('recent-articles', $_SERVER['DOCUMENT_ROOT'] . '/posts/index.html'); - ?> - - <a href="/posts/page/2/" - class="front__more is-block has-text-centered"> - See More Posts - <?php icon('chevron-right'); ?> - </a> - - <br> - - - <label for="projects" class="title is-inline-block is-4 has-text-weight-normal marginnote-toggle marginnote-mark"> - Recent Projects - </label> - - <input type="checkbox" id="projects" class="marginnote-toggle"> - - <span class="marginnote rightnote"> - See an archive of all projects <a href="/projects/archive/">here.</a> - </span> - - <?php - $recentProjects = new DOMExtract(); - echo $recentPosts->innerHTML('recent-articles', $_SERVER['DOCUMENT_ROOT'] . '/projects/index.html'); - ?> - </div> - - <a href="/projects/page/2/" - class="front__more is-block has-text-centered"> - See More Projects - <?php icon('chevron-right'); ?> - </a> - - <br> - - </div> - </div> - </div> - - </section> +<main> + <home-page> + <article> + + <h1>Web <em>Developer </em></h1> + + <h2>In it for the long haul</h2> + + <video-container> + <video preload="none" poster="/images/pipes.png" width="732" autoplay loop muted playsinline> + <source src="/videos/pipes.mp4" type="video/mp4" /> + <p> + Sorry, your browser doesn't support embedded videos. Here is a + <a href="/videos/pipes.mp4">link to the video</a> instead. + </p> + </video> + <footer><a href="https://github.com/pipeseroni/pipes.sh#readme">pipes.sh</a> terminal screensaver</footer> + </video-container> + + <home-page-intro> + <?php fetch('/cockpit/api/singletons/get/introduction', 'text'); ?> + </home-page-intro> + + <fortune-quote> + <margin-note left> + <b>Random Quote</b> + <?php echo shell_exec('fortune ' . dirname($_SERVER['DOCUMENT_ROOT']) . '/generators/fortune/quotes.fortune'); ?> + </margin-note> + </fortune-quote> + + <home-page-posts> + + <margin-note-aside> + <label for="posts">Recent Posts</label> + <input type="checkbox" id="posts" name="toggle"> + <margin-note right> + See an archive of all posts <a href="/archives/posts/">here.</a> + </margin-note> + </margin-note-aside> + + <?php + $recentPosts = new DOMExtract(); + echo $recentPosts->innerHTML('recent-articles', $_SERVER['DOCUMENT_ROOT'] . '/posts/index.html'); + ?> + + <a href="/posts/page/2/"> + See More Posts + <?php echo icon('corner-down-right'); ?> + </a> + </home-page-posts> + + <br> + + <home-page-projects> + + <margin-note-aside> + <label for="projects">Recent Projects</label> + <input type="checkbox" id="projects" name="toggle"> + <margin-note right> + See an archive of all projects <a href="/archives/projects/">here.</a> + </margin-note> + </margin-note-aside> + + <?php + $recentProjects = new DOMExtract(); + echo $recentPosts->innerHTML('recent-articles', $_SERVER['DOCUMENT_ROOT'] . '/projects/index.html'); + ?> + + <a href="/projects/page/2/"> + See More Projects + <?php echo icon('corner-down-right'); ?> + </a> + </home-page-projects> + + <br> + + </article> + </home-page> +</main> <?php require __DIR__ . '/partials/footer.php';?> - </body> +</body> </html> |