openwrite 0.10.1__py3-none-any.whl

openwrite/templates/edit.html

@@ -0,0 +1,190 @@
+{% include 'header.html' %}
+{% if error %}
+<div class="error">{{ error }}</div>
+{% endif %}
+<div><a href="/dashboard" class="action">Dashboard</a> > {{ blog.title }}</div>
+<h1 class="centered">
+{% if g.mode == "multi" %}
+blog: {{ blog.name }}
+{% else %}
+{{ g.trans['edit'] }} blog
+{% endif %}
+</h1>
+<div class="bloginfo">
+
+<form method="post" action="/dashboard/edit/{{ blog.name }}">
+<div class="container-row-fluid">
+<div style="display: flex; flex-direction: column">
+<span class="bloginfo">{{ g.trans['title'] }}: <input type="text" name="title" value="{{ blog.title }}"></span><br>
+<span class="bloginfo">URL: 
+{% if g.mode == "multi" %}
+<a href="{% if blog.access == "path" %}https://{{ g.main_domain }}/b/{{ blog.name }} {% else %}https://{{ blog.name }}.{{ g.main_domain }}/{% endif %}" target="_blank" style="text-decoration: none; color: #fff;">{% if blog.access == "path" %}https://{{ g.main_domain }}/b/{{ blog.name }} {% else %}https://{{ blog.name }}.{{ g.main_domain }}/{% endif %}</a>
+{% else %}
+<a href="http://{{ g.main_domain }}" target="_blank" style="text-decoration: none; color: #fff">{{ g.main_domain }}</a><br>
+{% endif %}
+</span><br>
+<span class="bloginfo">{{ g.trans['select_theme'] }}: 
+    <select name="theme" style="min-width: 14rem; min-height: 2rem; color: #fff; background: #211932;">
+        <option value="default" {% if blog.theme == "default" %}selected{% endif %}>{{ g.trans['default'] }}</option>
+        {% for t in themes %}
+        <option value="{{ t }}" {% if blog.theme == t %}selected{%endif %}>{{ t }}</option>
+        {% endfor %}              
+    </select>
+</span><a target="_blank" href="https://main.openwrite.io/available-themes" class="action">{{ g.trans['see_themes'] }}</a>
+</div>
+<a target="_blank" href="/dashboard/blog_preview" class="btn purple" id="preview">{{ g.trans['preview'] }}</a>
+</div>
+<span class="bloginfo">{{ g.trans['description'] }} (markdown): </span>
+<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" name="content" class="post_content" placeholder="content" style="min-height: 200px; margin-bottom: 1rem; width: 100%">{{ blog.description_raw }}</textarea>
+<div style="display: flex; flex-direction: column; margin-bottom: 1rem">
+<span class="bloginfo">{{ g.trans['custom_css'] }}:</span>
+<i style="margin-bottom: 1rem;">{{ g.trans['css_unsafe_info'] }}</i>
+<textarea name="css" style="min-height: 100px;" class="post_content">{{ blog.css }}</textarea>
+</div>
+<div style="display: flex; justify-content: space-between">
+    <input type="submit" id="submit" value="{{ g.trans['save'] }}" class="btn purple">
+    {% if g.upload_enabled %}
+    <a href="#" id="uploadLink" class="btn empty">📎 {{ g.trans['upload_image'] }}</a>
+    <input type="file" id="fileInput" style="display: none;">
+    {% endif %}
+</div>
+</form>
+
+<span class="bloginfo">{{ g.trans['posts'] }}:</span>
+<table class="posts" border="1">
+<thead>
+    <th width="20%">{{ g.trans['date'] }}</th><th>{{ g.trans['title'] }}</th><th width="5%">{{ g.trans['views'] }}<th width="15%">{{ g.trans['actions'] }}</th>
+</thead>
+<tbody>
+{% for post in posts %}
+    <tr><td style="text-align: center" class="datetime">{{ post.date }}</td><td><a href="{% if blog.access == "path" %}https://{{ g.main_domain }}/b/{{ blog.name }}/{% else %}https://{{ blog.name }}.{{ g.main_domain }}/{% endif %}{{ post.link }}" class="action" target="_blank">{{ post.title }}</a></td><td style="text-align: center">{{ post.views }}</td><td style="display: flex; gap: 1rem; padding: 0.5rem; justify-content: space-between;"><a class="action" href="/dashboard/edit/{{ blog.name }}/{{ post.link }}">{{ g.trans['edit'] }}</a><a class="action" href="/dashboard/edit/{{ blog.name }}/{{ post.link }}/delete" onclick="return confirm('{{ g.trans['are_you_sure_post'] }} {{ post.title }}?\n{{ g.trans['this_action_cannot_be_reverted'] }}.')">{{ g.trans['delete'] }}</a></td></tr>
+{% endfor %}
+</tbody>
+</table>
+<div class="buttons-list">
+<a href="/dashboard/post/{{ blog.name }}" class="btn purple">{{ g.trans['new_post'] }}</a>
+<a href="/dashboard/delete/{{ blog.name }}" class="btn red" onclick="return confirm('{{ g.trans['are_you_sure_blog'] }} {{ blog.name }}?\n{{ g.trans['this_action_cannot_be_reverted'] }}.')">{{ g.trans['delete_blog'] }}</a>
+</div>
+</div>
+<script nonce="{{ g.nonce }}">
+        var converter = new showdown.Converter();
+    converter.setOption('emoji', true);
+    converter.setOption('noHeaderId', true);
+    converter.setOption('openLinksInNewWindow', true);
+    converter.setOption('tables', true);
+    converter.setOption('tasklists', true);
+    converter.setOption('strikethrough', true);
+    converter.setOption('parseImgDimensions', true);
+
+    document.getElementById('submit').addEventListener('click', function(e) {
+        e.preventDefault();
+
+        const form = document.querySelector('form');
+        const description_raw = form.querySelector('textarea[name="content"]').value;
+
+        const description_html = converter.makeHtml(description_raw);
+        const title = form.querySelector('input[name="title"]').value;
+        const css = form.querySelector('textarea[name="css"]').value;
+        const theme_sel = form.querySelector('select[name="theme"]');
+        var theme = theme_sel.options[theme_sel.selectedIndex].value;
+
+        const tempForm = document.createElement('form');
+        tempForm.method = 'POST';
+        tempForm.action = '/dashboard/edit/{{ blog.name }}';
+        const date = new Date();
+        const inputs = {
+            title: title,
+            description_raw: description_raw,
+            description_html: description_html,
+            css: css,
+            theme: theme
+        };
+
+        for (let key in inputs) {
+            const input = document.createElement('input');
+            input.type = 'hidden';
+            input.name = key;
+            input.value = inputs[key];
+            tempForm.appendChild(input);
+        }
+
+        document.body.appendChild(tempForm);
+        tempForm.submit();
+        document.body.removeChild(tempForm);
+    });
+
+   const editor = document.querySelector('textarea[name="content"]');
+    const uploadLink = document.getElementById("uploadLink");
+    const fileInput = document.getElementById("fileInput");
+
+    uploadLink.addEventListener("click", function(e) {
+      e.preventDefault(); 
+      fileInput.click(); 
+    });
+
+    fileInput.addEventListener("change", async () => {
+      const file = fileInput.files[0];
+      if (!file) return;
+
+      const formData = new FormData();
+      formData.append("file", file);
+      const cursorPos = editor.selectionStart;
+
+      try {
+        const res = await fetch("/upload_image", {
+          method: "POST",
+          body: formData
+        });
+        const data = await res.json();
+        if (!res.ok) throw new Error(data.error || "Upload failed");
+
+        const markdown = `![alt text](${data.url})`;
+
+        const text = editor.value;
+        editor.value = text.slice(0, cursorPos) + markdown + text.slice(cursorPos);
+        editor.selectionStart = editor.selectionEnd = cursorPos + markdown.length;
+        editor.focus();
+
+      } catch (err) {
+        alert("Upload failed: " + err.message);
+      } finally {
+        fileInput.value = ""; 
+      }
+    });
+
+    document.getElementById('preview').addEventListener('click', function(e) {
+        e.preventDefault();
+
+        const form = document.querySelector('form');
+        const title = form.querySelector('input[name="title"]').value;
+        const content_raw = form.querySelector('textarea[name="content"]').value;
+        const theme_sel = form.querySelector('select[name="theme"]');
+        var theme = theme_sel.options[theme_sel.selectedIndex].value;
+
+        const content = converter.makeHtml(content_raw);
+
+        const tempForm = document.createElement('form');
+        tempForm.method = 'POST';
+        tempForm.action = '/dashboard/blog_preview';
+        tempForm.target = '_blank';
+        const date = getUTCDate();
+        const inputs = {
+            title: title,
+            content: content,
+            theme: theme
+        };
+
+        for (let key in inputs) {
+            const input = document.createElement('input');
+            input.type = 'hidden';
+            input.name = key;
+            input.value = inputs[key];
+            tempForm.appendChild(input);
+        }
+
+        document.body.appendChild(tempForm);
+        tempForm.submit();
+        document.body.removeChild(tempForm);
+    });
+</script>
+{% include 'footer.html' %}

openwrite/templates/footer.html

@@ -0,0 +1,16 @@
+        </main>
+        <footer class="footer">
+            <a href="https://github.com/openwriteio/openwrite/">Github</a>
+            <a href="https://hub.docker.com/r/openwrite/openwrite">Dockerhub</a>
+            <a href="https://ko-fi.com/openwrite">{{ g.trans["buy_coffee"] }}</a>
+            <a href="https://main.openwrite.io/contact">{{ g.trans['contact'] }}</a>
+            <p>{{ g.trans["language"] }}: </p>
+            <select name="lang" onchange="location = '/set-lang/' + this.value">
+                {% for code in available_languages.keys() %}
+                <option value="{{ code }}" {% if code == current_lang %} selected {% endif %}>{{ available_languages[code].flag }} {{ available_languages[code].name }}</option>
+                {% endfor %}
+            </select>
+        </footer>
+    </div>
+</body>
+</html>

openwrite/templates/header.html

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>openwrite</title>
+    <meta name="description" content="Minimalist, opensource blog. Write, freely.">
+    <link rel="stylesheet" href="{{ url_for('static', filename='style/style.css') }}">
+    <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}">
+    {% if 'dashboard/stats' in request.path %}
+    <script src="{{ url_for('static', filename='script/chart.js') }}"></script>
+    {% endif %}
+    {% if 'dashboard/edit' in request.path %}
+    <script src="{{ url_for('static', filename='script/showdown.min.js') }}"></script>
+    {% endif %}
+    {% if 'dashboard/post' in request.path %}
+    <script src="{{ url_for('static', filename='script/showdown.min.js') }}"></script>
+    {% endif %}
+    {% if 'dashboard/import' in request.path %}
+    <script src="{{ url_for('static', filename='script/papaparse.min.js') }}"></script>
+    {% endif %}
+    <script src="{{ url_for('static', filename='script/openwrite.js') }}"></script>
+    {% block extra_scripts %}{% endblock %}
+    {% if g.captcha %}
+    <script type="module" src="{{ url_for('static', filename='script/site.min.js') }}" async defer></script>
+    <script nomodule src="{{ url_for('static', filename='script/site.compat.min.js') }}" async defer></script>
+    {% endif %}
+</head>
+<body>
+    <div class="container">
+        <header class="header">
+                {% for s in g.settings %}
+               {% if s.name == "logo" %}
+               <a href="/"><div style="background-image: url('{{ s.value }}');" id="logo"> </div></a>
+               {% endif %}
+               {% endfor %}
+            <div id="menu">
+                {% if g.mode == "multi" %}
+                {% if g.user %}
+                <a href="/dashboard">Dashboard</a>
+                {% endif %}
+                <a href="/discover">{{ g.trans['discover'] }}</a>
+                <a href="/instances">{{ g.trans["instances"] }}</a>
+                <a href="https://main.openwrite.io/hosting">{{ g.trans["hosting"] }}</a>
+                {% if g.user %}
+                <a href="/logout">{{ g.trans["logout"] }}</a>
+                {% else %}
+                {% if g.register_enabled %}
+                <a href="/register">{{ g.trans["register"] }}</a>
+                {% endif %}
+                <a href="/login">{{ g.trans["login"] }}</a>
+                {% endif %}
+                {% if g.isadmin == 1 %}
+                <a href="/admin">Admin</a>
+                {% endif %}
+                {% else %}
+                <a href="/dashboard">Dashboard</a>
+                {% endif %}
+            </div>
+        </header>
+        <main class="content">

openwrite/templates/import.html

@@ -0,0 +1,142 @@
+{% include 'header.html' %}
+<article class="main-content">
+    <h1 class="centered">{{ g.trans['migrate_posts'] }}</h1>
+    <div class="message" style="display: none"></div>
+    <div class="error" style="display: none"></div>
+    <div style="display: flex; flex-direction: column; gap: 1rem">
+        <span class="form-field" style="margin-top: 2rem;">{{ g.trans['import_info'] | safe }}</span>
+        <input class="file_upload" type="file" name="posts_file">
+        <form method="post" action="/dashboard/import" style="display:none">
+            <h2 class="form-field" style="padding: 1rem;">{{ g.trans['select_posts'] }}</h2>
+            <span class="form-field" id="posts">
+            </span>
+            <div class="horizontal-fields" style="display: flex; gap: 1.5rem;">
+            <p style="line-height: 3rem;">{{ g.trans['select_blog_to_import'] }}</p>
+                <select id="blogs" style="min-width: 14rem; min-height: 3rem; color: #fff; background: #211932;">
+                    {% for blog in blogs %}
+                    <option value="{{ blog.name }}">{{ blog.name }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <input type="submit" name="import" value="{{ g.trans['send'] }}" class="btn purple" style="margin-top: 2rem">
+        </form>   
+    </div>
+</article>
+<script>
+const file_input = document.querySelector("input[type='file']");
+const form_input = document.querySelector("input[type='submit']");
+let format = '';
+
+
+form_input.addEventListener("click", function(e) {
+    e.preventDefault();
+
+    const inputs = document.querySelectorAll("input[type='checkbox']");
+    const posts = [];
+    for (let i = 0; i < inputs.length; i++) {
+        if (inputs[i].checked === true) {
+            const title = inputs[i].parentElement.children[1].textContent;
+            const content = document.querySelector("input[name='" + i + "_content']").attributes.content.value;
+            const date = document.querySelector("input[name='" + i + "_date']").attributes.content.value;
+            posts.push({ "title": title, "content": content, "date": date});
+        }
+    }
+
+    var e = document.getElementById("blogs");
+    var blog_name = e.options[e.selectedIndex].text;
+    json_data = {"blog": blog_name, "posts": posts};
+
+    fetch("/dashboard/import", {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(json_data)
+    }).then(response => {
+        if (response.ok) {
+            const div_msg = document.getElementsByClassName("message")[0];
+            div_msg.style.display = "block";
+            div_msg.innerHTML = '{{ g.trans['import_success1'] }} <a class="link" style="color: #dd98ff" href="/dashboard/edit/'+ blog_name +'">{{ g.trans['import_success2'] }}</a> {{ g.trans['import_success3'] }}';
+        } else {
+            const div_err = document.getElementsByClassName("error")[0];
+            div_err.style.display = "block";
+            div_err.innerHTML = '{{ g.trans['import_failed'] }}';
+        }
+    });
+});
+
+file_input.addEventListener("change", handle_files, false);
+
+function handle_files() {
+    const posts_file = this.files[0];
+    let reader = new FileReader();
+
+    reader.addEventListener("load", () => {
+        if (posts_file.type == "text/xml") {
+            posts = read_xml(reader.result);
+        } else if(posts_file.type == "text/csv") {
+            posts = read_csv(reader.result);
+        }
+
+        show_posts(posts);
+    }, false);
+
+    if (posts_file) {
+        const name = posts_file.name ? posts_file.name : "nope";
+        const type = posts_file.type ? posts_file.type : "nope";
+        if (type == "text/xml" || type == "text/csv") {
+            reader.readAsText(posts_file);
+        } else {
+            alert("filetype " + type + " not supported!");
+        }
+    }
+}
+
+function read_xml(content) {
+    const parser = new DOMParser();
+    const xmlDoc = parser.parseFromString(content, "text/xml");
+    const items = xmlDoc.getElementsByTagName("item");
+    const posts = [];
+
+    for (let i = 0; i < items.length; i++) {
+        const title = items[i].getElementsByTagName("title")[0].textContent.trim();
+        const content = items[i].getElementsByTagName("content:encoded")[0].textContent.trim();
+        const date_string = items[i].getElementsByTagName("pubDate")[0].textContent.trim();
+        const date = new Date(date_string).toUTCString();
+        posts.push({ title, content, date });
+    }
+    return posts;
+
+}
+
+function read_csv(content) {
+    let posts = [];
+    Papa.parse(content, {
+        header: true,
+        complete: (results) => {
+            const res = results.data;
+            for (let i = 0; i < res.length; i++) {
+                if (res[i].title != undefined && res[i].content != undefined && res[i].date != undefined) {
+                    const title = res[i].title;
+                    const content = res[i].content;
+                    const date_string = res[i].date;
+                    const date = new Date(date_string).toUTCString();
+                    posts.push({ title, content, date });
+                }
+            }
+        }
+    });
+    return posts;
+}
+
+function show_posts(posts) {
+    document.querySelector("form").style.display = "block";
+    const posts_el = document.querySelector("#posts");
+    posts_el.innerHTML = '';
+    for (let i = 0; i < posts.length; i++) {
+        posts_el.innerHTML += '<div class="horizontal-fields" style="min-height: 30px; margin-bottom: 1.5rem; display: flex; gap: 1rem; text-align: center;"><input type="checkbox" name="' + i + '" id="' + i + '"><label style="margin-top: 6px;"" for="' + i + '">' + escapeHtml(posts[i].title) + '</label><input type="hidden" name="' + i + '_content" content="' + escapeHtml(posts[i].content) + '"><input type="hidden" name="' + i + '_date" content="' + posts[i].date + '"></div>';
+    }
+}
+
+</script>
+{% include 'footer.html' %}

openwrite/templates/index.html

@@ -0,0 +1,9 @@
+{% include 'header.html' %}
+
+                    {% for h in home %}
+                    {% if h.language == g.lang %}
+                    {{ h.content | safe }}
+                    {% endif %}
+                    {% endfor %}
+
+{% include 'footer.html' %}

openwrite/templates/instances.html

@@ -0,0 +1,14 @@
+{% include 'header.html' %}
+<h1 class="centered">{{ g.trans['instances'] }}</h1>
+{{ g.trans['instances_text'] }}
+<table class="table" style="margin-top: 1.5rem;">
+<thead>
+    <th>{{ g.trans['name'] }}</th><th>URL</th><th>{{ g.trans['blogs_running'] }}</th><th>{{ g.trans['users'] }}</th><th>{{ g.trans['register'] }}</th><th>{{ g.trans['media_upload'] }}</th><th>Uptime</th>
+</thead>
+<tbody>
+    {% for i in instances %}
+    <td>{{ i.name }}</td><td><a href="{{ i.url }}" class="action">{{ i.url }}</a></td><td>{{ i.blogs }}</td><td>{{ i.users }}</td><td>{{ g.trans[i.register] }}</td><td>{{ g.trans[i.media] }}</td><td>{{ i.uptime }}</td>
+    {% endfor %}
+</tbody>
+</table>
+{% include 'footer.html' %}

openwrite/templates/login.html

@@ -0,0 +1,18 @@
+{% include 'header.html' %}
+
+<h1 class="centered">Login</h1>
+
+<article class="main-content">
+    {% if error %}
+    <div class="error">{{ error }}</div>
+    {% endif %}
+    <form method="post" action="/login">
+        <span class="form-field">{{ g.trans["username"] }}:</span>
+        <input type="text" name="username">       
+        <span class="form-field">{{ g.trans["password"] }}:</span>
+        <input type="password" name="password">
+        <input type="submit" name="sub" value="Login" class="btn purple" style="margin-top: 1rem;">
+    </form>
+</article>
+
+{% include 'footer.html' %}

openwrite/templates/new_post.html

@@ -0,0 +1,207 @@
+{% include 'header.html' %}
+{% if error %}
+<div class="error">{{ error }}</div>
+{% endif %}
+<div><a href="/dashboard" class="action">Dashboard</a> > <a href="/dashboard/edit/{{ blog.name }}" class="action">{{ blog.title }}</a> > {% if post %}{{ post.title }}{% else %}{{ g.trans['new_post'] }}{% endif %}</div>
+<div class="container-row-fluid">
+    <h3>{% if post %}{{ g.trans['editing_post'] }}: {{ post.title }}{% else %}{{ g.trans['new_post_on'] }}: {{ blog.name }}{% endif %}</h3>
+    <a target="_blank" href="/dashboard/preview" class="btn purple" id="preview">{{ g.trans['preview'] }}</a>
+</div>
+<article class="main-content">
+<form method="post" action="{% if post %}/dashboard/edit/{{ blog.name }}/{{ post.link }}{% else %}/dashboard/post/{{ blog.name }}{% endif %}">
+    <input type="text" name="title" placeholder="{{ g.trans['title'] }}" style="max-width: 100%; height: 50px; font-size: 25px; margin-bottom: 1rem;" value="{% if post %}{{ post.title }}{% endif %}">
+    <div style="display: flex; flex-direction: row; gap: 5px; align-items: center;">
+        <a href="#" class="small btn empty" data-action="h1">H1</a>
+        <a href="#" class="small btn empty" data-action="h2">H2</a>
+        <a href="#" class="small btn empty" data-action="h3">H3</a>
+        <a href="#" class="small btn empty" data-action="bold"><b>B</b></a>
+        <a href="#" class="small btn empty" data-action="italic"><i>I</i></a>
+        <a href="#" class="small btn empty" data-action="underline"><u>U</u></a>
+        <a href="#" class="small btn empty" data-action="strikethrough"><del>C</del></a>
+        <a href="#" class="small btn empty" data-action="quote">Q</a>
+        <a href="https://main.openwrite.io/markdown-syntax" style="text-decoration: none; color: #eeeeee; margin-left: auto" target="_blank">Markdown syntax</a>
+    </div>
+    <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" name="content" class="post_content" placeholder="{{ g.trans['content'] }}">{% if post %}{{ post.content_raw }}{% endif %}</textarea>
+    <div style="display: flex; justify-content: space-between">
+        <div style="display: flex; gap: 0.5rem;">
+           <input type="checkbox" id="author" {% if post %} {% if post.author == "1" %}checked="true"{% endif %} {% else %} checked="true" {% endif %}>
+           <label for="author" style="text-align: left">{{ g.trans['include_author'] }}?</label>
+        </div>
+        {% if g.upload_enabled %}
+        <a href="#" id="uploadLink" class="btn empty">📎 {{ g.trans['upload_image'] }}</a>
+        <input type="file" id="fileInput" style="display: none;">
+        {% endif %}
+    </div>
+<div style="display: flex; gap: 0.5rem;">
+    <input type="checkbox" id="feed" {% if post %} {% if post.feed == "1" %}checked="true"{% endif %} {% else %} checked="true" {% endif %}>
+<label for="feed" style="text-align: left">{{ g.trans['include_in_feed'] }}?</label>
+</div>
+    <input type="submit" value="{% if post %}{{ g.trans['save'] }}{% else %}{{ g.trans['create'] }}{% endif %}" class="btn purple" id="submit">
+</form>
+</article>
+<script nonce="{{ g.nonce }}">
+    var converter = new showdown.Converter();
+    converter.setOption('emoji', true);
+    converter.setOption('noHeaderId', true);
+    converter.setOption('openLinksInNewWindow', true);
+    converter.setOption('tables', true);
+    converter.setOption('tasklists', true);
+    converter.setOption('strikethrough', true);
+
+    document.getElementById('preview').addEventListener('click', function(e) {
+        e.preventDefault();
+
+        const form = document.querySelector('form');
+        const title = form.querySelector('input[name="title"]').value;
+        const content_raw = form.querySelector('textarea[name="content"]').value;
+        const author = form.querySelector("#author").checked;
+
+        const content = converter.makeHtml(content_raw);
+
+        const tempForm = document.createElement('form');
+        tempForm.method = 'POST';
+        tempForm.action = '/dashboard/preview';
+        tempForm.target = '_blank';
+        const date = getUTCDate();
+        const inputs = {
+            title: title,
+            content: content,
+            author: author ? '1' : '0',
+            blog_name: "{{ blog.name }}",
+            blog_title: "{{ blog.title }}",
+            theme: "{{ blog.theme }}",
+            date: date
+        };
+
+        for (let key in inputs) {
+            const input = document.createElement('input');
+            input.type = 'hidden';
+            input.name = key;
+            input.value = inputs[key];
+            tempForm.appendChild(input);
+        }
+
+        document.body.appendChild(tempForm);
+        tempForm.submit();
+        document.body.removeChild(tempForm);
+    });
+
+    document.getElementById('submit').addEventListener('click', function(e) {
+        e.preventDefault();
+
+        const form = document.querySelector('form');
+        const title = form.querySelector('input[name="title"]').value;
+        const content_raw = form.querySelector('textarea[name="content"]').value;
+        const author = form.querySelector("#author").checked;
+        const feed = form.querySelector("#feed").checked;
+
+        const content = converter.makeHtml(content_raw);
+
+        const tempForm = document.createElement('form');
+        tempForm.method = 'POST';
+        tempForm.action = '{% if post %}/dashboard/edit/{{ blog.name }}/{{ post.link }}{% else %}/dashboard/post/{{ blog.name }}{% endif %}';
+        const date = new Date();
+        const inputs = {
+            title: title,
+            content_raw: content_raw,
+            content: content,
+            author: author ? '1' : '0',
+            feed: feed ? '1' : '0'
+        };
+
+        for (let key in inputs) {
+            const input = document.createElement('input');
+            input.type = 'hidden';
+            input.name = key;
+            input.value = inputs[key];
+            tempForm.appendChild(input);
+        }
+
+        document.body.appendChild(tempForm);
+        tempForm.submit();
+        document.body.removeChild(tempForm);
+    });
+
+    const editor = document.querySelector('textarea[name="content"]');
+    const uploadLink = document.getElementById("uploadLink");
+    const fileInput = document.getElementById("fileInput");
+
+    uploadLink.addEventListener("click", function(e) {
+      e.preventDefault(); 
+      fileInput.click(); 
+    });
+
+    fileInput.addEventListener("change", async () => {
+      const file = fileInput.files[0];
+      if (!file) return;
+
+      const formData = new FormData();
+      formData.append("file", file);
+      const cursorPos = editor.selectionStart;
+
+      try {
+        const res = await fetch("/upload_image", {
+          method: "POST",
+          body: formData
+        });
+        const data = await res.json();
+        if (!res.ok) throw new Error(data.error || "Upload failed");
+
+        const markdown = `![alt text](${data.url})`;
+
+        const text = editor.value;
+        editor.value = text.slice(0, cursorPos) + markdown + text.slice(cursorPos);
+        editor.selectionStart = editor.selectionEnd = cursorPos + markdown.length;
+        editor.focus();
+
+      } catch (err) {
+        alert("Upload failed: " + err.message);
+      } finally {
+        fileInput.value = ""; 
+      }
+    });
+
+document.querySelectorAll('[data-action]').forEach(btn => {
+  btn.addEventListener('click', function (e) {
+    e.preventDefault();
+    const action = this.getAttribute('data-action');
+
+    const start = editor.selectionStart;
+    const end = editor.selectionEnd;
+    const selected = editor.value.slice(start, end);
+
+    let modified = selected;
+    switch (action) {
+      case "bold":
+        modified = `**${selected}**`;
+        break;
+      case "italic":
+        modified = `*${selected}*`;
+        break;
+      case "underline":
+        modified = `<u>${selected}</u>`; 
+        break;
+      case "strikethrough":
+        modified = `~~${selected}~~`;
+        break;
+      case "quote":
+        modified = selected.split("\n").map(line => `> ${line}`).join("\n");
+        break;
+      case "h1":
+        modified = `# ${selected}`;
+        break;
+      case "h2":
+        modified = `## ${selected}`;
+        break;
+      case "h3":
+        modified = `### ${selected}`;
+        break;
+    }
+
+    editor.setRangeText(modified, start, end, "end");
+    editor.focus();
+  });
+});
+
+</script>
+{% include 'footer.html' %}