furpsocial/index.php

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>furpsocial</title>
        <meta charset="UTF-8">
        <style>
            :root {
                --accent: #32a852;
            }

            body {
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                background: var(--accent);
                margin: 0;
                padding: 0;
            }

            #body-input {
                width: 99%;
                height: 150px;
                resize: none;
            }

            input[type=submit] {
                float: right;
                width: 100px;
                background: var(--accent);
                color: white;
                font-weight: 600;
                border: none;
                cursor: pointer;
            }

            .post {
                width: 100%;
                max-width: 600px;
                margin: auto;
                background: white;
                padding: 10px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-shadow: 0px 0px 10px gray;
                border-radius: 4px;
                overflow: hidden;
                margin-bottom: 10px;
            }

            .post h1 {
                margin: 0;
                font-size: 20px;
            }

            .post h2 {
                margin: 0;
                font-size: 14px;
                padding: 10px;
                margin: -10px;
                display: inline-block;
            }

            .post i {
                float: right;
                color: grey;
            }

            #refresh {
                max-width: 120px;
                font-weight: 600;
                text-align: center;
                padding: 5px;
                color: var(--accent);
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        
        <!-- header and options for making posts -->
        <div class="post">
            <h1 style="margin-bottom: 4px;"><span style="color: var(--accent);">furp</span>social</h1>

            <form method="post">
                <textarea id="body-input" name="body"></textarea>
                Signature (optional): <input id="signature-input" onchange="logSignature();" type="text" name="signature">
                <input type="submit" value="Farp it">
            </form>

            <span style="font-size: 12px; color: grey;">Privacy Policy: The only data collected by furpsocial server-side is the contents of your posts (signature and body text). This information is stored in our secure databases which are wiped of all post data every week. This data is only used to accomodate furpsocial as a social media platform. Client-side, furpsocial stores your most recently used signature as a cookie.</span>
        </div>

        <!-- save most recent signature as a cookie and autoload on page load -->
        <script>
            function logSignature() {
                // save signature to cookie
                const d = new Date();
                d.setTime(d.getTime() + (1 * 24 * 60 * 60 * 1000));
                document.cookie = "signature=" + document.getElementById("signature-input").value + "; expires=" + d.toUTCString() + ";path=/";
            }

            // load caches signature
            if (document.cookie.includes('=')) {
                document.getElementById("signature-input").defaultValue = document.cookie.split('=')[1];
            }
        </script>

        <!-- feed display -->
        <div class="post" id="refresh" onclick="window.location.href = 'index.php'">refresh feed</div>
        
        <?php
        // make sure the file, well, exists
        $myfile = fopen("posts.txt", "a");
        fclose($myfile);

        // read file into string
        $myfile = fopen("posts.txt", "r") or die("Unable to open file!");
        $content = fread($myfile, filesize("posts.txt"));
        fclose($myfile);
        
        // write new post to file if necessary
        if (!is_null($_POST["body"]) && strlen($_POST["body"]) != 0) {
            // concatenate new post to the beginning of the string
            $signature = "anonymous";
            if (!is_null($_POST["signature"]) && strlen($_POST["signature"]) != 0) {
                $signature = htmlspecialchars($_POST["signature"]);
            }
            $content = "<div class='post'><h2>" . $signature . "</h2><i>UTC " . date("Y/m/d H:i") . "</i><div>" . htmlspecialchars($_POST["body"]) . "</div></div>" . $content;

            // write string back into the file
            $myfile = fopen("posts.txt", "w") or die("Unable to open file!");
            fwrite($myfile, $content);
            fclose($myfile);

            $_POST["signature"] = null;
            $_POST["body"] = null;
        }

        // show content
        echo $content;
        ?>

    </body>
</html>
Update index.php 2023-08-01 19:57:14 +01:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
this works now 2023-08-01 23:05:45 +01:00			`<title>furpsocial</title>`
Update index.php 2023-08-01 19:57:14 +01:00			`<meta charset="UTF-8">`
			`<style>`
			`:root {`
			`--accent: #32a852;`
			`}`
Add index.php 2023-08-01 19:38:07 +01:00
Update index.php 2023-08-01 19:57:14 +01:00			`body {`
Update index.php 2023-08-01 20:39:25 +01:00			`font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;`
Update index.php 2023-08-01 19:57:14 +01:00			`background: var(--accent);`
			`margin: 0;`
			`padding: 0;`
			`}`
Update index.php 2023-08-01 20:11:48 +01:00
test 2023-08-01 20:13:44 +01:00			`#body-input {`
Update index.php 2023-08-01 20:43:22 +01:00			`width: 99%;`
test 2023-08-01 20:13:44 +01:00			`height: 150px;`
Update index.php 2023-08-01 20:43:22 +01:00			`resize: none;`
test 2023-08-01 20:13:44 +01:00			`}`
Update index.php 2023-08-01 23:22:08 +01:00
Update index.php 2023-08-02 22:52:26 +01:00			`input[type=submit] {`
			`float: right;`
			`width: 100px;`
			`background: var(--accent);`
			`color: white;`
			`font-weight: 600;`
			`border: none;`
			`cursor: pointer;`
			`}`

Update index.php 2023-08-01 23:22:08 +01:00			`.post {`
			`width: 100%;`
			`max-width: 600px;`
			`margin: auto;`
			`background: white;`
			`padding: 10px;`
			`box-sizing: border-box;`
			`-moz-box-sizing: border-box;`
			`-webkit-box-sizing: border-box;`
			`box-shadow: 0px 0px 10px gray;`
Update index.php 2023-08-02 22:52:26 +01:00			`border-radius: 4px;`
cool look 2023-08-01 23:26:11 +01:00			`overflow: hidden;`
Update index.php 2023-08-01 23:46:39 +01:00			`margin-bottom: 10px;`
Update index.php 2023-08-01 23:22:08 +01:00			`}`

			`.post h1 {`
			`margin: 0;`
			`font-size: 20px;`
cool look :3 2023-08-01 23:27:44 +01:00			`}`

			`.post h2 {`
			`margin: 0;`
			`font-size: 14px;`
cool look 2023-08-01 23:26:11 +01:00			`padding: 10px;`
			`margin: -10px;`
Update index.php 2023-08-01 23:30:30 +01:00			`display: inline-block;`
			`}`

			`.post i {`
			`float: right;`
			`color: grey;`
Update index.php 2023-08-01 23:22:08 +01:00			`}`
add refresh button 2023-08-02 01:10:36 +01:00
			`#refresh {`
cookie is a go 2023-08-02 22:30:49 +01:00			`max-width: 120px;`
hey note to self add link back to src code 2023-08-02 01:15:55 +01:00			`font-weight: 600;`
Update index.php 2023-08-02 01:12:23 +01:00			`text-align: center;`
			`padding: 5px;`
cookie is a go 2023-08-02 22:30:49 +01:00			`color: var(--accent);`
Update index.php 2023-08-02 22:41:57 +01:00			`cursor: pointer;`
add refresh button 2023-08-02 01:10:36 +01:00			`}`
Update index.php 2023-08-01 19:57:14 +01:00			`</style>`
put php in head 2023-08-02 00:32:55 +01:00			`</head>`
			`<body>`

Update index.php 2023-08-02 22:08:44 +01:00			`<!-- header and options for making posts -->`
put php in head 2023-08-02 00:32:55 +01:00			`<div class="post">`
Update index.php 2023-08-02 22:52:26 +01:00			`<h1 style="margin-bottom: 4px;"><span style="color: var(--accent);">furp</span>social</h1>`
put php in head 2023-08-02 00:32:55 +01:00
Update index.php 2023-08-02 22:26:35 +01:00			`<form method="post">`
test log signature 2023-08-02 22:01:14 +01:00			`<textarea id="body-input" name="body"></textarea>`
update button 2023-08-02 22:38:33 +01:00			`Signature (optional): <input id="signature-input" onchange="logSignature();" type="text" name="signature">`
Update index.php 2023-08-02 22:41:57 +01:00			`<input type="submit" value="Farp it">`
put php in head 2023-08-02 00:32:55 +01:00			`</form>`

Update index.php 2023-08-02 22:08:44 +01:00			`<span style="font-size: 12px; color: grey;">Privacy Policy: The only data collected by furpsocial server-side is the contents of your posts (signature and body text). This information is stored in our secure databases which are wiped of all post data every week. This data is only used to accomodate furpsocial as a social media platform. Client-side, furpsocial stores your most recently used signature as a cookie.</span>`
Update index.php 2023-08-01 19:57:14 +01:00			`</div>`

Update index.php 2023-08-02 22:10:10 +01:00			`<!-- save most recent signature as a cookie and autoload on page load -->`
Update index.php 2023-08-02 22:08:44 +01:00			`<script>`
			`function logSignature() {`
cookies should work now 2023-08-02 22:28:19 +01:00			`// save signature to cookie`
cookie :3 2023-08-02 22:23:15 +01:00			`const d = new Date();`
			`d.setTime(d.getTime() + (1 * 24 * 60 * 60 * 1000));`
cookies should work now 2023-08-02 22:28:19 +01:00			`document.cookie = "signature=" + document.getElementById("signature-input").value + "; expires=" + d.toUTCString() + ";path=/";`
Update index.php 2023-08-02 22:14:44 +01:00			`}`

			`// load caches signature`
			`if (document.cookie.includes('=')) {`
			`document.getElementById("signature-input").defaultValue = document.cookie.split('=')[1];`
Update index.php 2023-08-02 22:08:44 +01:00			`}`
			`</script>`

			`<!-- feed display -->`
Update index.php 2023-08-02 22:10:10 +01:00			`<div class="post" id="refresh" onclick="window.location.href = 'index.php'">refresh feed</div>`

add date 2023-08-01 23:37:31 +01:00			`<?php`
Update index.php 2023-08-02 01:00:30 +01:00			`// make sure the file, well, exists`
			`$myfile = fopen("posts.txt", "a");`
			`fclose($myfile);`

just assemble content in file 2023-08-02 00:52:48 +01:00			`// read file into string`
			`$myfile = fopen("posts.txt", "r") or die("Unable to open file!");`
			`$content = fread($myfile, filesize("posts.txt"));`
			`fclose($myfile);`

yup 2023-08-02 00:42:38 +01:00			`// write new post to file if necessary`
			`if (!is_null($_POST["body"]) && strlen($_POST["body"]) != 0) {`
			`// concatenate new post to the beginning of the string`
test 2023-08-02 00:37:14 +01:00			`$signature = "anonymous";`
			`if (!is_null($_POST["signature"]) && strlen($_POST["signature"]) != 0) {`
			`$signature = htmlspecialchars($_POST["signature"]);`
			`}`
Update index.php 2023-08-02 01:00:30 +01:00			`$content = "<div class='post'><h2>" . $signature . "</h2><i>UTC " . date("Y/m/d H:i") . "</i><div>" . htmlspecialchars($_POST["body"]) . "</div></div>" . $content;`
test 2023-08-02 00:37:14 +01:00
yup 2023-08-02 00:42:38 +01:00			`// write string back into the file`
test 2023-08-02 00:37:14 +01:00			`$myfile = fopen("posts.txt", "w") or die("Unable to open file!");`
yup 2023-08-02 00:42:38 +01:00			`fwrite($myfile, $content);`
test 2023-08-02 00:37:14 +01:00			`fclose($myfile);`
make post values none after use 2023-08-02 22:55:10 +01:00
			`$_POST["signature"] = null;`
			`$_POST["body"] = null;`
test 2023-08-02 00:37:14 +01:00			`}`

just assemble content in file 2023-08-02 00:52:48 +01:00			`// show content`
			`echo $content;`
add date 2023-08-01 23:37:31 +01:00			`?>`

Update index.php 2023-08-01 19:57:14 +01:00			`</body>`
Add index.php 2023-08-01 19:38:07 +01:00			`</html>`