forked from rDrama/rDrama
fix
parent
f2c05ab5f0
commit
46913d7c12
|
@ -1957,10 +1957,6 @@ video {
|
|||
--tw-gradient-from: rgb(var(--color-500));
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-500), 0));
|
||||
}
|
||||
.from-gray-800 {
|
||||
--tw-gradient-from: rgb(var(--color-800));
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-800), 0));
|
||||
}
|
||||
.from-green-700 {
|
||||
--tw-gradient-from: #15803d;
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(21, 128, 61, 0));
|
||||
|
@ -1982,9 +1978,6 @@ video {
|
|||
.to-gray-400 {
|
||||
--tw-gradient-to: rgb(var(--color-400));
|
||||
}
|
||||
.to-gray-700 {
|
||||
--tw-gradient-to: rgb(var(--color-700));
|
||||
}
|
||||
.to-green-600 {
|
||||
--tw-gradient-to: #16a34a;
|
||||
}
|
||||
|
@ -2284,14 +2277,14 @@ video {
|
|||
--tw-text-opacity: 1;
|
||||
color: rgba(var(--color-700), var(--tw-text-opacity));
|
||||
}
|
||||
.text-green-700 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(21, 128, 61, var(--tw-text-opacity));
|
||||
}
|
||||
.text-red-600 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(220, 38, 38, var(--tw-text-opacity));
|
||||
}
|
||||
.text-green-700 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(21, 128, 61, var(--tw-text-opacity));
|
||||
}
|
||||
.text-gray-200 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||
|
@ -3251,16 +3244,6 @@ video {
|
|||
color: rgba(var(--color-800), var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-red-500:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(239, 68, 68, var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-red-600:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(220, 38, 38, var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:underline:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
@ -3288,11 +3271,6 @@ video {
|
|||
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
||||
}
|
||||
|
||||
.focus\:from-gray-700:focus {
|
||||
--tw-gradient-from: rgb(var(--color-700));
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-700), 0));
|
||||
}
|
||||
|
||||
.focus\:from-red-800:focus {
|
||||
--tw-gradient-from: #991b1b;
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
|
||||
|
@ -3313,10 +3291,6 @@ video {
|
|||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
|
||||
}
|
||||
|
||||
.focus\:to-gray-800:focus {
|
||||
--tw-gradient-to: rgb(var(--color-800));
|
||||
}
|
||||
|
||||
.focus\:to-red-700:focus {
|
||||
--tw-gradient-to: #b91c1c;
|
||||
}
|
||||
|
|
|
@ -5,23 +5,23 @@
|
|||
{% extends "CHRISTMAS/default.html" %}
|
||||
|
||||
{% block subHeader %}
|
||||
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t">
|
||||
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 dark:bg-none dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700"></div>
|
||||
<div class="relative col-span-full flex items-center">
|
||||
<div>
|
||||
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
|
||||
Create post
|
||||
</h1>
|
||||
<small class="block text-gray-700 dark:text-gray-400">
|
||||
Share drama with the community.
|
||||
</small>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
{% if error %}<span class="text-danger mr-2">{{error}}</span>{% endif %}
|
||||
<button class="btn btn-primary" id="create_button" type="submit" form="submitform" disabled>Post</button>
|
||||
</div>
|
||||
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t">
|
||||
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 dark:bg-none dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700"></div>
|
||||
<div class="relative col-span-full flex items-center">
|
||||
<div>
|
||||
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
|
||||
Create post
|
||||
</h1>
|
||||
<small class="block text-gray-700 dark:text-gray-400">
|
||||
Share drama with the community.
|
||||
</small>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
{% if error %}<span class="text-danger mr-2">{{error}}</span>{% endif %}
|
||||
<button class="btn btn-primary" id="create_button" type="submit" form="submitform" disabled>Post</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
@ -92,36 +92,50 @@
|
|||
Post
|
||||
<span class="italic text-sm font-normal text-gray-500">(optional if you have a link)</span>
|
||||
</label>
|
||||
<!-- Input field -->
|
||||
<div class="relative rounded border border-gray-300 dark:border-gray-900 bg-gray-100 dark:bg-white/[.05] w-full">
|
||||
<textarea form="submitform" id="post-text" class="rounded-t bg-transparent p-2 shadow-inner w-full" aria-label="With textarea" placeholder="Optional if you have a link or an image." rows="7" name="body" oninput="markdown('post-text','preview');charLimit('post-text','character-count-submit-text-form');checkForRequired()" maxlength="10000" required></textarea>
|
||||
<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 dark:border-white/[.05] mb-0">
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('post-text')">
|
||||
<i class="fas fa-bold fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Bold"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeItalics('post-text')">
|
||||
<i class="fas fa-italic fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Italicize"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeQuote('post-text')">
|
||||
<i class="fas fa-quote-right fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Quote"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="commentForm('post-text');getGif()">
|
||||
<span class="font-bold text-sm text-uppercase" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add GIF">GIF</span>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="loadEmojis('post-text')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam fa-fw fa-sm"></i>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<span class="absolute right-3 bottom-3 z-10 text-xs font-medium text-gray-500" id="character-count-submit-text-form"></span>
|
||||
|
||||
<nav>
|
||||
<div class="nav nav-tabs" id="nav-tab" role="tablist">
|
||||
<button class="nav-link active" id="nav-write-tab" data-bs-toggle="tab" data-bs-target="#nav-write" type="button" role="tab" aria-controls="nav-write" aria-selected="true">Write</button>
|
||||
<button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-preview" type="button" role="tab" aria-controls="nav-preview" aria-selected="false">Preview</button>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="tab-content" id="nav-tabContent">
|
||||
<div class="tab-pane fade show active" id="nav-write" role="tabpanel" aria-labelledby="nav-write-tab">
|
||||
<!-- Input field -->
|
||||
<div class="relative rounded border border-gray-300 dark:border-gray-900 bg-gray-100 dark:bg-white/[.05] w-full">
|
||||
<textarea form="submitform" id="post-text" class="rounded-t bg-transparent p-2 shadow-inner w-full" aria-label="With textarea" placeholder="Optional if you have a link or an image." rows="7" name="body" oninput="markdown('post-text','preview');charLimit('post-text','character-count-submit-text-form');checkForRequired()" maxlength="10000" required></textarea>
|
||||
<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 dark:border-white/[.05] mb-0">
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('post-text')">
|
||||
<i class="fas fa-bold fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Bold"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeItalics('post-text')">
|
||||
<i class="fas fa-italic fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Italicize"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeQuote('post-text')">
|
||||
<i class="fas fa-quote-right fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Quote"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="commentForm('post-text');getGif()">
|
||||
<span class="font-bold text-sm text-uppercase" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add GIF">GIF</span>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="text-gray-400 hover:text-gray-500" onclick="loadEmojis('post-text')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam fa-fw fa-sm"></i>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<span class="absolute right-3 bottom-3 z-10 text-xs font-medium text-gray-500" id="character-count-submit-text-form"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-preview" role="tabpanel" aria-labelledby="nav-preview-tab">
|
||||
<div id="preview"></div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/formatting" target="_blank" class="block mt-2 text-xs text-gray-500 hover:text-gray-400">Formatting help</a>
|
||||
</div>
|
||||
|
@ -129,7 +143,6 @@
|
|||
<!-- <div class="btn btn-secondary" onclick="document.getElementById('preview').classList.toggle('d-none');" style="float: right;">
|
||||
Toggle preview
|
||||
</div> -->
|
||||
<div id="preview" class="hidden my-3"></div>
|
||||
|
||||
<!-- User form key (required) -->
|
||||
<input type="hidden" name="formkey" value="{{v.formkey}}" class="hidden">
|
||||
|
@ -154,17 +167,17 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block sidebar %}
|
||||
{% include 'CHRISTMAS//sidebars/SubmitSidebar.html' %}
|
||||
{% include 'CHRISTMAS//sidebars/SubmitSidebar.html' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block modals %}
|
||||
{% include "CHRISTMAS/emoji_modal.html" %}
|
||||
{% include "CHRISTMAS/gif_modal.html" %}
|
||||
{% include 'CHRISTMAS//awards/Christmas/Snow.html' %}
|
||||
{% include "CHRISTMAS/emoji_modal.html" %}
|
||||
{% include "CHRISTMAS/gif_modal.html" %}
|
||||
{% include 'CHRISTMAS//awards/Christmas/Snow.html' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script defer src="/assets/CHRISTMAS/js/marked.js?v=202"></script>
|
||||
<script defer src="/assets/CHRISTMAS/js/submit.js?v=201"></script>
|
||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?v=200"></script>
|
||||
<script defer src="/assets/CHRISTMAS/js/marked.js?v=202"></script>
|
||||
<script defer src="/assets/CHRISTMAS/js/submit.js?v=201"></script>
|
||||
<script defer src="/assets/CHRISTMAS/js/christmas/snow.js?v=200"></script>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in New Issue