diff options
Diffstat (limited to 'src/includes')
| -rw-r--r-- | src/includes/download-logic.php | 52 | ||||
| -rw-r--r-- | src/includes/index.php | 11 | ||||
| -rw-r--r-- | src/includes/info-banner.php | 4 | ||||
| -rw-r--r-- | src/includes/license-banner.php | 4 | ||||
| -rw-r--r-- | src/includes/link-tags-in-head.php | 2 | ||||
| -rw-r--r-- | src/includes/main-info.php | 4 | ||||
| -rw-r--r-- | src/includes/markdown-editor.php | 11 | ||||
| -rw-r--r-- | src/includes/nav-footer.php | 7 | ||||
| -rw-r--r-- | src/includes/nav-header.php | 10 | ||||
| -rw-r--r-- | src/includes/procrastislides-banner.php | 4 | ||||
| -rw-r--r-- | src/includes/quick-how-to.php | 32 | ||||
| -rw-r--r-- | src/includes/secondary-info.php | 4 | ||||
| -rw-r--r-- | src/includes/video-how-to.php | 14 |
13 files changed, 159 insertions, 0 deletions
diff --git a/src/includes/download-logic.php b/src/includes/download-logic.php new file mode 100644 index 0000000..517115a --- /dev/null +++ b/src/includes/download-logic.php @@ -0,0 +1,52 @@ +<div class="centered"> + <h3>🎨 please select your presentation theme 🎭</h3> + <form action="download.php" method="post" onsubmit="showGeneratingIndicator()"> + <table class="centered"> + <thead> + <tr> + <th> + <h2>preview</h2> + </th> + <th> + <h2>select</h2> + </th> + </tr> + </thead> + <tbody> + <?php + $themes = [ + '90sMakeUpCommercial' => '90sMakeUpCommercial', + 'chicagoOlives' => 'chicagoOlives', + 'earlyCupertino' => 'earlyCupertino', + 'ohioCustard' => 'ohioCustard', + 'raleighAroundMe' => 'raleighAroundMe', + 'redmond2013' => 'redmond2013', + 'defaultIsKing' => 'defaultIsKing', + 'cuppertinoIsh' => 'cuppertinoIsh', + 'lazyProfessor' => 'lazyProfessor', + 'redmond2003' => 'redmond2003', + 'strengthInNumbers' => 'strengthInNumbers', + 'thatMagazine' => 'thatMagazine', + ]; + + foreach ($themes as $key => $theme) { + echo "<tr> + <td> + <img loading='lazy' class='theme-select' src='img/{$key}.webp' alt='{$theme}'> + </td> + <td> + <button type='submit' name='{$key}'>{$theme}</button> + </td> + </tr>"; + } + ?> + </tbody> + </table> + <div id="generating-indicator" style="display: none;"> + <p>📊</p> + <p>generating presentation...</p> + <p>please wait.</p> + </div> + </form> +</div> +<br> diff --git a/src/includes/index.php b/src/includes/index.php new file mode 100644 index 0000000..9f683d1 --- /dev/null +++ b/src/includes/index.php @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<html> +<head> + <meta name="color-scheme" content="light dark"> + <meta http-equiv="refresh" content="0; URL='https://youtu.be/XGxIE1hr0w4'" /> + <title>Art and Assets</title> +</head> +<body> + <p>If you are not redirected, <a href="https://youtu.be/XGxIE1hr0w4">click here for folder contents</a>.</p> +</body> +</html> diff --git a/src/includes/info-banner.php b/src/includes/info-banner.php new file mode 100644 index 0000000..c7172de --- /dev/null +++ b/src/includes/info-banner.php @@ -0,0 +1,4 @@ +<div class=banner> + <h1>📃 info 🗂️</h1> + <hr /> +</div> diff --git a/src/includes/license-banner.php b/src/includes/license-banner.php new file mode 100644 index 0000000..70069cd --- /dev/null +++ b/src/includes/license-banner.php @@ -0,0 +1,4 @@ +<div class=banner> + <h1>🏛 licenses ⚖️</h1> + <hr /> +</div> diff --git a/src/includes/link-tags-in-head.php b/src/includes/link-tags-in-head.php new file mode 100644 index 0000000..b05273b --- /dev/null +++ b/src/includes/link-tags-in-head.php @@ -0,0 +1,2 @@ +<link rel="icon" href="/img/site-icon.webp" type="image/x-icon"> +<link rel="stylesheet" href="/css/style.css"> diff --git a/src/includes/main-info.php b/src/includes/main-info.php new file mode 100644 index 0000000..8428ddf --- /dev/null +++ b/src/includes/main-info.php @@ -0,0 +1,4 @@ +<p class="centered">a VERY minimal presentation(s) site to create quick slides from markdown<br> + (powered by LaTeX beamer, pandoc, and the rust uutils)</p> +<p class="centered"><b>✨ latest feature update:</b> addition of 16:9 themes 🚀</p> +<hr> diff --git a/src/includes/markdown-editor.php b/src/includes/markdown-editor.php new file mode 100644 index 0000000..fa68bb8 --- /dev/null +++ b/src/includes/markdown-editor.php @@ -0,0 +1,11 @@ + <div> + <label for="user-input"> + <h2 class="centered">markdown goes here:</h2> + </label> + <form action="index.php" method="post"> + <textarea id="user-input" name="user-input" rows="8" cols="80"><?php echo $_SESSION['user-input'] ?? ''; ?></textarea> + <div class="centered"> + <button type="submit" name="compile">create presentation</button> + </div> + </form> + <br><br> diff --git a/src/includes/nav-footer.php b/src/includes/nav-footer.php new file mode 100644 index 0000000..6c2522d --- /dev/null +++ b/src/includes/nav-footer.php @@ -0,0 +1,7 @@ +<hr /> +<a href="../">home</a> +<a href="../info.php">info</a> +<a href="../licenses.php">licenses</a> +<br> +<p>all site content is in the public domain</p> +<p><small>my other stuff: <a href="https://aedrielkylejavier.me/" target="_blank">website link →</a></small></p> diff --git a/src/includes/nav-header.php b/src/includes/nav-header.php new file mode 100644 index 0000000..7b95147 --- /dev/null +++ b/src/includes/nav-header.php @@ -0,0 +1,10 @@ +<div class="centered"> + <h2> + 🏠 <a href="../">home</a> + 🗂️ <a href="../info.php">info</a> + ⚖️ <a href="../licenses.php">licenses</a> + </h2> + <hr> + + + </div> diff --git a/src/includes/procrastislides-banner.php b/src/includes/procrastislides-banner.php new file mode 100644 index 0000000..863fae8 --- /dev/null +++ b/src/includes/procrastislides-banner.php @@ -0,0 +1,4 @@ +<div class=banner> + <h1>📑 procrastiSlides v0.03 p2 🎬</h1> + <hr /> +</div> diff --git a/src/includes/quick-how-to.php b/src/includes/quick-how-to.php new file mode 100644 index 0000000..21d943f --- /dev/null +++ b/src/includes/quick-how-to.php @@ -0,0 +1,32 @@ + <details> + <summary><strong style="font-size: 1.125rem; text-decoration: underline; text-underline-offset: 0.375rem;">← expand for a brief <emphasis>"how-to"</emphasis> 📖</strong></summary> + <p> + <ul> + <li>type '#' to indicate that you are starting a new slide and then press ↵ (enter/return) twice.</li> + <li>you can add a "slide title" after each '#' to name that portion of your presentation.</li> + <ul> + <li>a space between "#" and your slide title is required: <br><br> </li> + <ul class="no-bullets"> + <li># [YOUR TITLE GOES HERE]</li> + </ul> + <br> + </ul> + <li>type/format text underneath the '#' for the slide contents.</li> + <ul> + <li>make sure to start typing your slide content two ↵'s ("enter key presses") away from the "#".</li> + <li>lists require to be formatted in this manner as well: <br><br> </li> + <ul class="no-bullets"> + <li># slide title <br><br> + This is a list <br><br> + * item 1 <br> + * item 2 <br> + * item 3 <br> + </li> + </ul> + </ul> + </ul> + <br> + <p class="centered"> <i>It's highly recommended that you use markdown lists rather than plain text lists</i> </p><br> + </p> + </details> + <br> diff --git a/src/includes/secondary-info.php b/src/includes/secondary-info.php new file mode 100644 index 0000000..e6fac1f --- /dev/null +++ b/src/includes/secondary-info.php @@ -0,0 +1,4 @@ +<p class="centered">this website is inspired from the suckless's presentation tool (<a target="_blank" href="https://tools.suckless.org/sent">sent</a>). + <br /> it uses pandoc and LaTeX beamer for the backend. <br><br><b>latest feature update:</b> addition of 16:9 themes +</p> +<hr> diff --git a/src/includes/video-how-to.php b/src/includes/video-how-to.php new file mode 100644 index 0000000..3d46a14 --- /dev/null +++ b/src/includes/video-how-to.php @@ -0,0 +1,14 @@ + <details> + <summary><strong style="font-size: 1.125rem; text-decoration: underline; text-underline-offset: 0.375rem;">← expand for a quick video demo 🎬</strong></summary> + <p> + <video controls> + <source src="vids/6iaXPNqAwksiXQnb.webm" type="video/webm"> + <source src="vids/6iaXPNqAwksiXQnb.mp4" type="video/mp4"> + <source src="vids/6iaXPNqAwksiXQnb.ogv" type="video/ogg"> + Your browser does not support modern open-source video implementations 😔. + </video> + </p> + </details> + <br> + </div> + <br> |