mirror of
https://github.com/KingDuckZ/kamokan.git
synced 2025-08-03 12:50:02 +00:00
Update html
This commit is contained in:
parent
768aefb596
commit
543b3bdfee
34 changed files with 109 additions and 585 deletions
BIN
html/website/Pictures/kamokan-icon-green.png
Normal file
BIN
html/website/Pictures/kamokan-icon-green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
html/website/Pictures/kamokan-icon-gt.png
Normal file
BIN
html/website/Pictures/kamokan-icon-gt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
BIN
html/website/Pictures/save-grey.png
Normal file
BIN
html/website/Pictures/save-grey.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
4
html/website/footer.mustache
Normal file
4
html/website/footer.mustache
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<footer>
|
||||
Kamokan {{version}} powered by Tawashi {{tawashi_version}}. Page generated in {{page_time}} ms.
|
||||
</footer>
|
||||
|
||||
|
|
@ -1 +1 @@
|
|||
<a href="https://github.com/KingDuckZ/tawashi"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
|
||||
<a href="https://github.com/KingDuckZ/tawashi" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
|
||||
|
|
@ -1,19 +1,19 @@
|
|||
{{> head}}
|
||||
<body>
|
||||
<form action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
|
||||
<form id="page" action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
|
||||
|
||||
{{> topbar}}
|
||||
|
||||
<div id="content">
|
||||
<textarea type="text" id="PasteTextBox" name="pastie" placeholder=">Text..." autofocus required autocomplete="off" name="text"></textarea>
|
||||
<textarea type="text" class="wrap" id="PasteTextBox" name="pastie" placeholder=">Text..." autofocus required autocomplete="off" name="text">ciao a tutti</textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="button">
|
||||
<p class="title">Syntax Highlighting:</p>
|
||||
<select name="lang" class="selectBox">
|
||||
<option value="colourless" selected="selected">None </option>
|
||||
{{#languages}}
|
||||
<option value="{{language_name}}">{{language_name}}</option>
|
||||
<option value="{{language_name}}" >{{language_name}}</option>
|
||||
{{/languages}}
|
||||
</select>
|
||||
|
||||
|
|
@ -21,15 +21,18 @@
|
|||
<select name="ttl" class="selectBox">
|
||||
<option value="600">10 minutes</option>
|
||||
<option value="3600">1 hour</option>
|
||||
<option value="86400" selected="selected">1 day</option>
|
||||
<option value="604800">1 week</option>
|
||||
<option value="86400" >1 day</option>
|
||||
<option value="604800" selected="selected">1 week</option>
|
||||
<option value="1209600">2 weeks</option>
|
||||
<option value="2628000">1 month</option>
|
||||
</select>
|
||||
|
||||
<input type="checkbox" name="selfdes" value="1"><p id="delete">Delete this text as soon as it has been read.</p>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</form>
|
||||
|
||||
{{> footer}}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,15 @@
|
|||
|
||||
html {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* Tell the browser to render HTML5 elements as block */
|
||||
header, footer, aside, nav, article {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*caratteristiche generali di tutto il body*/
|
||||
body {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
background: #303030;
|
||||
height: 100%;
|
||||
margin: 10px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
/*style della barra di navigazione*/
|
||||
|
|
@ -28,17 +24,16 @@ body {
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 70%;
|
||||
}
|
||||
|
||||
form {
|
||||
height: 100%;
|
||||
#page {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#version{
|
||||
margin: 0px;
|
||||
padding: 0px 0px;
|
||||
color: RGBA(0, 146, 0, 255);
|
||||
color: RGBA(0, 242, 0, 1);
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
|
@ -55,18 +50,33 @@ form {
|
|||
float: right;
|
||||
}
|
||||
|
||||
#PasteTextBox{
|
||||
margin: 20px;
|
||||
border: 0px;
|
||||
.wrap {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#PasteTextBox {
|
||||
background-color: #303030;
|
||||
color: #EDEDED;
|
||||
resize: none;
|
||||
height: calc(95vh - 200px);
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
#button {
|
||||
margin: 0px 20px 20px 20px;
|
||||
}
|
||||
|
||||
.title{
|
||||
display: inline-block;
|
||||
color: #EDEDED;
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#delete {
|
||||
font-size: 17px;
|
||||
color: #EDEDED;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.selectBox {
|
||||
|
|
@ -86,4 +96,39 @@ form {
|
|||
.error {
|
||||
font-size: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-left: 30px;
|
||||
bottom: 5px;
|
||||
position: fixed;
|
||||
font-size: 15px;
|
||||
color: #EDEDED;
|
||||
}
|
||||
|
||||
#numbers {
|
||||
display: table-cell;
|
||||
color: #EDEDED;
|
||||
font-family: monospace;
|
||||
width: 40px;
|
||||
vertical-align: bottom;
|
||||
border: solid red 1px;
|
||||
}
|
||||
|
||||
#lines {
|
||||
display: table-cell;
|
||||
font-family: monospace;
|
||||
border: solid green 1px;
|
||||
}
|
||||
|
||||
#code {
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.mar-pad0 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,25 @@
|
|||
{{>head}}
|
||||
{{> head}}
|
||||
<body>
|
||||
|
||||
<div id="page">
|
||||
{{> topbar}}
|
||||
|
||||
<div id="content">
|
||||
{{pastie}}
|
||||
<div class="wrap">
|
||||
{{#pastie_lines}}
|
||||
<div class="mar-pad0">
|
||||
|
||||
<div id="numbers" class="mar-pad0">
|
||||
<p class="mar-pad0">{{number}}</p>
|
||||
</div>
|
||||
|
||||
<div id="lines" class="mar-pad0">
|
||||
<li id="code">{{line}}</li>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{/pastie_lines}}
|
||||
</div>
|
||||
</div>
|
||||
{{> footer}}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,22 @@
|
|||
<div id="topbar">
|
||||
<p id="version">kamokan {{version}}</p>
|
||||
<a href="{{base_uri}}"><img src="Pictures/kamokan-icon.png" alt="kamokan icon" class="icon"></a>
|
||||
<a href="save.html"><input type="image" src="Pictures/save-ink.png" alt="Submit" class="icon-green" title="Paste"/></a>
|
||||
<p id="version">KamoKan</p>
|
||||
<a href="{{host_path}}/"><img src="{{host_path}}/Pictures/kamokan-icon-gt.png" alt="kamokan icon" class="icon"></a>
|
||||
|
||||
{{#pastie_page}}
|
||||
<img src="{{host_path}}/Pictures/save-grey.png" alt="no-submit" class="icon-green">
|
||||
{{/pastie_page}}
|
||||
|
||||
{{^pastie_page}}
|
||||
<a href="save.html"><input type="image" src="{{host_path}}/Pictures/save-ink.png" alt="Submit" class="icon-green" title="Paste"/></a>
|
||||
{{/pastie_page}}
|
||||
|
||||
<a href="save.html" class="submit-mobile"><input type="submit" title="Paste"/></a>
|
||||
|
||||
<a href="{{base_uri}}"><img src="Pictures/new-ink.png" alt="new icon" class="icon-green" title="New"/></a>
|
||||
<a href="edit.html"><img src="Pictures/edit-ink.png" alt="duplicate and edit icon" class="icon-green" title="Duplicate and Edit"/></a>
|
||||
<a href="text.html"><img src="Pictures/text-ink.png" alt="text icon" class="icon-green" title="Text only"/></a>
|
||||
<a href="{{host_path}}/"><img src="{{host_path}}/Pictures/new-ink.png" alt="new icon" class="icon-green" title="New"/></a>
|
||||
|
||||
{{#pastie_page}}
|
||||
<a href="{{host_path}}/{{pastie_token}}"><img src="{{host_path}}/Pictures/text-ink.png" alt="text icon" class="icon-green" title="Text only"/></a>
|
||||
{{/pastie_page}}
|
||||
|
||||
{{> github }}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue