2021-08-22 17:00:07 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2021-09-26 09:02:50 +00:00
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" > < / script >
2021-09-16 14:41:38 +00:00
< script src = "https://cdn.jsdelivr.net/npm/marked/marked.min.js" > < / script >
2021-08-22 17:00:07 +00:00
2021-10-05 21:12:13 +00:00
< script src = "/assets/js/submit.js?v=7" > < / script >
2021-08-22 17:00:07 +00:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
2021-09-13 15:58:52 +00:00
< link rel = "icon" type = "image/png" href = "/assets/images/{{'SITE_NAME' | app_config}}/icon.webp" >
2021-08-22 17:00:07 +00:00
{% include "emoji_modal.html" %}
{% include "gif_modal.html" %}
{% block title %}
< title > Create a post - {{'SITE_NAME' | app_config}}< / title >
{% endblock %}
< link href = "https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel = "stylesheet" >
2021-09-28 03:44:31 +00:00
2021-08-22 17:00:07 +00:00
{% block stylesheets %}
{% if v %}
2021-10-03 23:34:13 +00:00
< link rel = "stylesheet" href = "/assets/css/{{v.theme}}_{{v.themecolor}}.css?v=7" >
{% if v.agendaposter %}< link rel = "stylesheet" href = "/assets/css/agendaposter.css?v=7" > {% elif v.css %}< link rel = "stylesheet" href = "/@{{v.username}}/css" > {% endif %}
2021-08-22 17:00:07 +00:00
{% else %}
2021-10-03 23:34:13 +00:00
< link rel = "stylesheet" href = "/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=7" >
2021-08-22 17:00:07 +00:00
{% endif %}
{% endblock %}
2021-10-01 03:45:57 +00:00
< link href = "/assets/css/fa.css" rel = "stylesheet" > < / head >
2021-08-22 17:00:07 +00:00
2021-09-02 19:16:15 +00:00
< body id = "submit" style = "overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}) no-repeat center center fixed !important; background-size: cover!important; background-color: #000!important;{% endif %}display: block;" >
2021-08-22 17:00:07 +00:00
2021-09-28 03:44:31 +00:00
{% include "header.html" %}
2021-08-22 17:00:07 +00:00
{% block form %}
2021-09-28 03:44:31 +00:00
2021-09-16 15:47:08 +00:00
< div class = "submit-grid-view" >
2021-09-02 19:37:17 +00:00
< form id = "submitform" action = "/submit" method = "post" enctype = "multipart/form-data" style = "grid-column: 2" >
2021-08-22 17:00:07 +00:00
< div class = "container" >
2021-09-02 19:16:15 +00:00
< div class = "row justify-content-center mb-5" >
2021-08-22 17:00:07 +00:00
2021-09-02 19:16:15 +00:00
< div class = "col p-3 py-md-0" >
2021-08-22 17:00:07 +00:00
2021-09-02 19:39:31 +00:00
< h1 class = "d-none d-md-block mt-3" > Create a post< / h1 >
2021-08-22 17:00:07 +00:00
2021-09-21 19:20:39 +00:00
< h2 class = "h3 d-md-none mt-5" > Create a post< / h2 >
2021-08-22 17:00:07 +00:00
< div class = "body" >
< input type = "hidden" name = "formkey" value = "{{v.formkey}}" >
2021-09-03 17:03:25 +00:00
< label for = "title" > Post Title< / label >
2021-08-22 17:00:07 +00:00
2021-09-03 19:07:51 +00:00
< input class = "form-control" id = "post-title" aria-describedby = "titleHelpRegister" type = "text" name = "title" placeholder = "Required" value = "{{title}}" minlength = "1" maxlength = "500" required oninput = "checkForRequired()" >
2021-08-22 17:00:07 +00:00
2021-09-03 19:02:51 +00:00
< label class = "btn btn-secondary format d-inline-block m-0" for = "emoji-reply-btn-2" >
2021-09-26 09:04:49 +00:00
< div id = "emoji-reply-btn-2" onclick = "loadEmojis('post-title')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add Emoji" > < i class = "fas fa-smile-beam" > < / i > < / div >
2021-09-03 19:02:51 +00:00
< / label >
2021-08-22 17:00:07 +00:00
< div id = "urlblock" >
2021-09-03 17:03:25 +00:00
< label for = "URL" class = "mt-3" > URL< / label >
2021-09-19 13:11:34 +00:00
< input class = "form-control" id = "post-URL" aria-describedby = "URLHelp" type = "url" name = "url" placeholder = "Optional if you have text." value = "{{request.values.get('url','')}}" required oninput = "checkForRequired();autoSuggestTitle();hide_image()" >
2021-08-22 17:00:07 +00:00
< small class = "form-text text-muted" > To post an image, use a direct image link such as i.imgur.com< / small >
< / div >
< div id = "image-upload-block" >
2021-10-03 20:58:07 +00:00
< div > < label class = "mt-3" > Attachment Upload< / label > < / div >
2021-08-22 17:00:07 +00:00
2021-09-28 02:44:47 +00:00
< img loading = "lazy" id = "image-preview" class = "w-100" >
2021-09-03 17:03:25 +00:00
< label class = "btn btn-secondary m-0" for = "file-upload" >
2021-09-05 16:53:10 +00:00
< div id = "filename-show" > Select File< / div >
2021-09-08 20:22:27 +00:00
< input id = "file-upload" type = "file" name = "file" accept = "image/*, video/*" hidden >
2021-08-22 17:00:07 +00:00
< / label >
2021-09-06 21:20:14 +00:00
< small class = "form-text text-muted" > Optional if you have text.< / small >
2021-10-03 20:58:07 +00:00
< small class = "form-text text-muted" > You can upload videos up to 1 minute long.< / small >
2021-08-22 17:00:07 +00:00
< / div >
< / div >
2021-09-26 09:04:49 +00:00
< label for = "body" class = "mt-3" > Text< i class = "fas fa-info-circle text-gray-400 ml-1" data-bs-toggle = "tooltip" data-bs-placement = "top" title = "Uses markdown. Limited to 10000 characters." > < / i > < / label >
2021-08-22 17:00:07 +00:00
2021-09-19 17:11:59 +00:00
< div >
2021-09-19 17:23:06 +00:00
< textarea form = "submitform" id = "post-text" class = "form-control rounded" aria-label = "With textarea" placeholder = "Optional if you have a link or an image." rows = "3" name = "body" oninput = "markdown();charLimit('post-text','character-count-submit-text-form');checkForRequired()" maxlength = "10000" required > < / textarea >
2021-09-19 17:11:59 +00:00
< div class = "btn btn-secondary" onclick = "document.getElementById('preview').classList.toggle('d-none');" style = "float: right;" >
Toggle preview
< / div >
2021-09-19 17:58:22 +00:00
< div id = "preview" class = "my-3" > < / div >
2021-09-19 17:11:59 +00:00
< span class = "position-absolute text-small font-weight-bold" id = "character-count-submit-text-form" style = "right: 1rem; bottom: 0.5rem; z-index: 3;" > < / span >
2021-08-22 17:00:07 +00:00
< / div >
2021-09-16 15:08:06 +00:00
2021-08-22 17:00:07 +00:00
< p > < / p >
< small class = "btn btn-secondary format d-inline-block m-0" >
2021-09-26 09:04:49 +00:00
< i class = "fas fa-bold" aria-hidden = "true" onclick = "makeBold('post-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Bold" > < / i >
2021-08-22 17:00:07 +00:00
< / small >
< small class = "btn btn-secondary format d-inline-block m-0" >
2021-09-26 09:04:49 +00:00
< i class = "fas fa-italic" aria-hidden = "true" onclick = "makeItalics('post-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Italicize" > < / i >
2021-08-22 17:00:07 +00:00
< / small >
< small class = "btn btn-secondary format d-inline-block m-0" >
2021-09-26 09:04:49 +00:00
< i class = "fas fa-quote-right" aria-hidden = "true" onclick = "makeQuote('post-text')" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Quote" > < / i >
2021-08-22 17:00:07 +00:00
< / small >
2021-09-26 09:04:49 +00:00
< small class = "btn btn-secondary format d-inline-block m-0" > < span class = "font-weight-bolder text-uppercase" aria-hidden = "true" onclick = "getGif();commentForm('post-text')" data-bs-toggle = "modal" data-bs-target = "#gifModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add GIF" > GIF< / span > < / small >
2021-08-22 17:00:07 +00:00
2021-09-03 17:03:25 +00:00
< label class = "btn btn-secondary format d-inline-block m-0" for = "emoji-reply-btn" >
2021-09-26 09:04:49 +00:00
< div id = "emoji-reply-btn" onclick = "loadEmojis('post-text')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add Emoji" > < i class = "fas fa-smile-beam" > < / i > < / div >
2021-08-22 17:00:07 +00:00
< / label >
2021-09-16 14:30:40 +00:00
2021-08-22 17:00:07 +00:00
< pre > < / pre >
< div class = "form-text text-small" > < a href = "/formatting" target = "_blank" > Formatting help< / a > < / div >
< pre > < / pre >
< div class = "custom-control custom-checkbox" >
< input type = "checkbox" class = "custom-control-input" id = "nsfwCheck" name = "over_18" >
2021-09-03 17:03:25 +00:00
< label class = "custom-control-label" for = "nsfwCheck" > +18< / label >
2021-08-22 17:00:07 +00:00
< / div >
< div class = "custom-control custom-checkbox" >
< input type = "checkbox" class = "custom-control-input" id = "privateCheck" name = "private" >
2021-09-03 17:03:25 +00:00
< label class = "custom-control-label" for = "privateCheck" > Draft< / label >
2021-08-22 17:00:07 +00:00
< / div >
2021-09-11 23:40:58 +00:00
2021-09-12 18:25:59 +00:00
{% if v.admin_level == 6 or (v.coins >= 750 and not v.club_banned) %}
2021-09-11 23:40:58 +00:00
< div class = "custom-control custom-checkbox" >
< input type = "checkbox" class = "custom-control-input" id = "clubCheck" name = "club" >
2021-09-12 18:25:59 +00:00
< label class = "custom-control-label" for = "clubCheck" > Country Club thread< / label >
2021-09-11 23:40:58 +00:00
< / div >
{% endif %}
2021-09-03 01:34:16 +00:00
< pre >
2021-09-05 22:56:11 +00:00
2021-09-05 22:56:19 +00:00
2021-09-05 22:56:11 +00:00
2021-09-03 01:34:16 +00:00
< / pre >
2021-08-22 17:00:07 +00:00
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row fixed-bottom bg-white border-top p-3" id = "" style = "z-index: 100; bottom: 0px; transition: bottom 220ms cubic-bezier(0, 0, 0.2, 1) 0s;" >
< div class = "col" >
< a href = "/" class = "btn btn-secondary" > Cancel< / a >
< / div >
< div class = "col text-right" >
{% if error %}< span class = "text-danger mr-2" > {{error}}< / span > {% endif %}
< button class = "btn btn-outline-purple" id = "create_button" type = "submit" disabled > Post< / button >
< / div >
< / div >
< / div >
2021-09-02 19:16:15 +00:00
< / form >
2021-08-22 17:00:07 +00:00
2021-09-02 19:16:15 +00:00
< / div >
2021-08-22 17:00:07 +00:00
{% endblock %}
< / body >
2021-09-02 19:37:17 +00:00
< / html >
