diff options
| author | Blista Kanjo | 2021-11-28 15:09:00 -0500 |
|---|---|---|
| committer | Blista Kanjo | 2021-11-28 15:09:00 -0500 |
| commit | 51308847b317d0e93629d58fa5204e0295c51b32 (patch) | |
| tree | 3ebe5965b0bc3cf454761213b636ae06bd380c2c /index.php | |
initial commmit
Diffstat (limited to 'index.php')
| -rw-r--r-- | index.php | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/index.php b/index.php new file mode 100644 index 0000000..0107d81 --- /dev/null +++ b/index.php @@ -0,0 +1,68 @@ +<?php +session_start(); + + ?> +<!DOCTYPE html> +<html lang=en> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> + <link rel="stylesheet" href="css/style.css"> + <link rel = "icon" href = "img/site-icon.webp" type = "image/x-icon"> + <link rel="stylesheet" href="https://cdn.rawgit.com/xcatliu/simplemde-theme-dark/master/dist/simplemde-theme-dark.min.css + "> + <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script> + <title>procrastiSlides v0.01</title> + <meta name="description" content="Hello World! Only a simple coffee site (but respects your dark mode setting and has responsive web design). No ads, no tracking, nothing but basic coffee and good service."> + </head> + <body> + <div class=banner> + <h1>📑 procrastiSlides v0.01 🎬</h1> + <hr/> + </div> + <p class="centered">only a simple presentation(s) site that respects your dark mode setting and has responsive web design. <br> + non-intruisive ads, no tracking, nothing but quick slides from plain text/markdown. <br> + </p> + <h3 class="centered">🏃 great for procratinators who need to get a presentation out, quick! 👟</h3> + <h3 class="centered">🏫 try copy and pasting your school notes! that might even work 😂</h3> + <hr> + + <?php include "includes/nav-header.php" ?> + + <div> + <h2 class="centered">plain text or markdown goes here:</h2> + <form class="" action="download.php" method="post"> + <textarea id="user-input" name="user-input" rows="8" cols="80" value= <?php echo $_SESSION['user-input']; ?>></textarea> + <div class="centered"> + <button type="submit" name="compile">compile</button> + </div> + </form> + + <script type="text/javascript"> + var simplemde = new SimpleMDE({ element: document.getElementById("user-input") }); + + </script> + +<br> + <a name="how-to"><h2 class="centered">how to:</h2></a> + <ul> + <li>type '#' to indicate that you are starting a new slide</li> + <li>you can add a "section title" after each '#' to name that portion of your presentation</li> + <li>type/format text underneath the '#' for the slide contents</li> + </ul> + <br> + + <p class="centered"> <i>It's highly recommended that you use markdown lists rather than plain text lists</i> </p> + + + </div> + + <br> + <footer> + + <?php include "includes/nav-footer.php" ?> + + </footer> + </body> +</html> |