mirror of
https://github.com/KingDuckZ/kamokan.git
synced 2024-12-23 21:25:43 +00:00
Update html
This commit is contained in:
parent
0372bd9dbe
commit
726bf7cf90
14 changed files with 99 additions and 92 deletions
Binary file not shown.
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
Before Width: | Height: | Size: 2.3 KiB |
|
@ -1,32 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<title>KamoKan</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="description" content="KamoKan, text storage site." />
|
||||
<meta name="keywords" content="text storage, pastebin, source code snippets, code review" />
|
||||
<meta name="author" content="Unknown" />
|
||||
<link rel="stylesheet" href="kamokan.css" />
|
||||
<link rel="icon" href="icon" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="topbar">
|
||||
<p id="version">kamokan 1.0.0</p>
|
||||
<a href="index.html"><img src="Pictures/kamokan-icon-new.png" alt="kamokan icon" class="icon"></a>
|
||||
<a href="save.html"><input type="image" src="Pictures/save-ink-t.png" alt="Submit" class="icon-green" title="Save"/></a>
|
||||
<a href="index.html"><img src="Pictures/new-ink-t.png" alt="new icon" class="icon-green" title="New"/></a>
|
||||
<a href=""><img src="Pictures/edit-ink-t.png" alt="duplicate and edit icon" class="icon-green" title="Duplicate and Edit"/></a>
|
||||
<a href=""><img src="Pictures/text-ink-t.png" alt="text icon" class="icon-green" title="Text only"/></a>
|
||||
<img src="Pictures/C++-icon.jpeg" alt="c++ icon" class="icon-right"/>
|
||||
<a href=""><img src="Pictures/github-icon.jpeg" alt="github icon" class="icon-right" /></a>
|
||||
</div>
|
||||
{{> page1-top}}
|
||||
|
||||
<div id="content">
|
||||
<p></p>
|
||||
<textarea type="text" class="wrap" id="PasteTextBox" name="pastie" placeholder=">Text..." autofocus required autocomplete="off" name="text">{{pastie_token}}</textarea>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{{> page1-bottom}}
|
||||
|
|
|
@ -1,11 +1,7 @@
|
|||
{{>head}}
|
||||
<body>
|
||||
{{> topbar}}
|
||||
<div id="content" class="error">
|
||||
{{> page2-top}}
|
||||
|
||||
{{error_message}}
|
||||
<div id="message">
|
||||
<p>{{error_message}}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{{> page2-bottom}}
|
|
@ -1,38 +1,7 @@
|
|||
{{> head}}
|
||||
<body>
|
||||
<form id="page" action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
|
||||
|
||||
{{> topbar}}
|
||||
{{> page1-top}}
|
||||
|
||||
<div id="content">
|
||||
<textarea type="text" class="wrap" id="PasteTextBox" name="pastie" placeholder=">Text..." autofocus required autocomplete="off" name="text"></textarea>
|
||||
</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>
|
||||
{{/languages}}
|
||||
</select>
|
||||
|
||||
<p class="title">Paste Expiration:</p>
|
||||
<select name="ttl" class="selectBox">
|
||||
<option value="600">10 minutes</option>
|
||||
<option value="3600">1 hour</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>
|
||||
|
||||
{{> footer}}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{{> page1-bottom}}
|
|
@ -1,8 +1,8 @@
|
|||
|
||||
html {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -10,6 +10,7 @@ body {
|
|||
background: #303030;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*style della barra di navigazione*/
|
||||
|
@ -48,10 +49,12 @@ body {
|
|||
|
||||
.icon-right {
|
||||
float: right;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
margin: 20px;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
#PasteTextBox {
|
||||
|
@ -101,9 +104,10 @@ body {
|
|||
footer {
|
||||
margin-left: 30px;
|
||||
bottom: 5px;
|
||||
position: fixed;
|
||||
/*position: absolute;*/
|
||||
font-size: 15px;
|
||||
color: #EDEDED;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#numbers {
|
||||
|
@ -111,24 +115,39 @@ footer {
|
|||
color: #EDEDED;
|
||||
font-family: monospace;
|
||||
width: 40px;
|
||||
vertical-align: bottom;
|
||||
border: solid red 1px;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
|
||||
#lines {
|
||||
display: table-cell;
|
||||
font-family: monospace;
|
||||
border: solid green 1px;
|
||||
}
|
||||
|
||||
#code {
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
white-space: pre;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
|
||||
#message {
|
||||
color: #EDEDED;
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: RGBA(0, 242, 0, 1);
|
||||
}
|
||||
|
||||
.mar-pad0 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
28
html/website/page1-bottom.mustache
Normal file
28
html/website/page1-bottom.mustache
Normal file
|
@ -0,0 +1,28 @@
|
|||
<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>
|
||||
{{/languages}}
|
||||
</select>
|
||||
|
||||
<p class="title">Paste Expiration:</p>
|
||||
<select name="ttl" class="selectBox">
|
||||
<option value="600">10 minutes</option>
|
||||
<option value="3600">1 hour</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>
|
||||
|
||||
{{> footer}}
|
||||
|
||||
</body>
|
||||
</html>
|
5
html/website/page1-top.mustache
Normal file
5
html/website/page1-top.mustache
Normal file
|
@ -0,0 +1,5 @@
|
|||
{{> head}}
|
||||
<body>
|
||||
<form id="page" action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
|
||||
|
||||
{{> topbar}}
|
8
html/website/page2-bottom.mustache
Normal file
8
html/website/page2-bottom.mustache
Normal file
|
@ -0,0 +1,8 @@
|
|||
</div>
|
||||
|
||||
{{> footer}}
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
6
html/website/page2-top.mustache
Normal file
6
html/website/page2-top.mustache
Normal file
|
@ -0,0 +1,6 @@
|
|||
{{> head}}
|
||||
<body>
|
||||
<div id="page">
|
||||
{{> topbar}}
|
||||
|
||||
<div class="wrap">
|
|
@ -1,25 +1,17 @@
|
|||
{{> head}}
|
||||
<body>
|
||||
<div id="page">
|
||||
{{> topbar}}
|
||||
{{> page2-top}}
|
||||
|
||||
<div class="wrap">
|
||||
{{#pastie_lines}}
|
||||
<div class="mar-pad0">
|
||||
<div>
|
||||
|
||||
<div id="numbers" class="mar-pad0">
|
||||
<p class="mar-pad0">{{number}}</p>
|
||||
</div>
|
||||
|
||||
<div id="lines" class="mar-pad0">
|
||||
<li id="code">{{line}}</li>
|
||||
<p id="code" {{#colourless}}style="color:#EDEDED"{{/colourless}} >{{line}}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{/pastie_lines}}
|
||||
</div>
|
||||
</div>
|
||||
{{> footer}}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{{> page2-bottom}}
|
9
html/website/saved.html.mstch
Normal file
9
html/website/saved.html.mstch
Normal file
|
@ -0,0 +1,9 @@
|
|||
{{> page2-top}}
|
||||
|
||||
<div id="message">
|
||||
<p>Your text has been saved in this link:</p>
|
||||
<p class="link">{{base_uri}}/{{pastie_token}}?{{pastie_lang}}</p>
|
||||
<p>It will be deleted as soon as the link is open for the first time. Thanks for using KamoKan!</p>
|
||||
</div>
|
||||
|
||||
{{> page2-bottom}}
|
|
@ -2,13 +2,13 @@
|
|||
<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}}
|
||||
{{^submit_page}}
|
||||
<img src="{{host_path}}/Pictures/save-grey.png" alt="no-submit" class="icon-green">
|
||||
{{/pastie_page}}
|
||||
{{/submit_page}}
|
||||
|
||||
{{^pastie_page}}
|
||||
{{#submit_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}}
|
||||
{{/submit_page}}
|
||||
|
||||
<a href="save.html" class="submit-mobile"><input type="submit" title="Paste"/></a>
|
||||
|
||||
|
|
Loading…
Reference in a new issue