King_DuckZ/kamokan
1
0
Fork 0
mirror of https://github.com/KingDuckZ/kamokan.git synced 2025-10-02 15:00:02 +00:00
Code Issues Releases Wiki Activity

Update html

Browse source
This commit is contained in:
King_DuckZ 2017-06-21 08:18:49 +01:00
commit 726bf7cf90
14 changed files with 99 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
html/website/Pictures/C++-icon.jpeg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 3.6 KiB

BIN
html/website/Pictures/kamokan-icon-green.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
html/website/Pictures/kamokan-icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.3 KiB

31
html/website/edit.html.mstch
View file

@ -1,32 +1,7 @@
<!DOCTYPE html> {{> page1-top}}
<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>
<div id="content"> <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> </div>
</body> {{> page1-bottom}}
</html>

14
html/website/error.html.mstch
View file

@ -1,11 +1,7 @@
{{>head}} {{> page2-top}}
<body>
{{> topbar}}
<div id="content" class="error">
{{error_message}} <div id="message">
<p>{{error_message}}</p>
</div>
</div> {{> page2-bottom}}
</body>
</html>

35
html/website/index.html.mstch
View file

@ -1,38 +1,7 @@
{{> head}} {{> page1-top}}
<body>
<form id="page" action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
{{> topbar}}
<div id="content"> <div id="content">
<textarea type="text" class="wrap" 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"></textarea>
</div> </div>
<div id="button"> {{> page1-bottom}}
<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>

31
html/website/kamokan.css
View file

@ -1,8 +1,8 @@
html { html {
height: 100%;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
width: 100%;
} }
body { body {
@ -10,6 +10,7 @@ body {
background: #303030; background: #303030;
margin: 0px; margin: 0px;
padding-top: 0px; padding-top: 0px;
width: 100%;
} }
/*style della barra di navigazione*/ /*style della barra di navigazione*/
@ -48,10 +49,12 @@ body {
.icon-right { .icon-right {
float: right; float: right;
width: 95%;
} }
.wrap { .wrap {
margin: 20px; margin: 20px;
width: 95%;
} }
#PasteTextBox { #PasteTextBox {
@ -101,9 +104,10 @@ body {
footer { footer {
margin-left: 30px; margin-left: 30px;
bottom: 5px; bottom: 5px;
position: fixed; /*position: absolute;*/
font-size: 15px; font-size: 15px;
color: #EDEDED; color: #EDEDED;
width: 100%;
} }
#numbers { #numbers {
@ -111,24 +115,39 @@ footer {
color: #EDEDED; color: #EDEDED;
font-family: monospace; font-family: monospace;
width: 40px; width: 40px;
vertical-align: bottom; user-select: none;
border: solid red 1px; -moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
} }
#lines { #lines {
display: table-cell; display: table-cell;
font-family: monospace; font-family: monospace;
border: solid green 1px;
} }
#code { #code {
list-style-type: none; list-style-type: none;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
width: 100%;
white-space: pre; 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 { .mar-pad0 {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }

28
html/website/page1-bottom.mustache Normal file
View 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
View 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
View file

@ -0,0 +1,8 @@
</div>
{{> footer}}
</div>
</body>
</html>

6
html/website/page2-top.mustache Normal file
View file

@ -0,0 +1,6 @@
{{> head}}
<body>
<div id="page">
{{> topbar}}
<div class="wrap">

16
html/website/pastie.html.mstch
View file

@ -1,25 +1,17 @@
{{> head}} {{> page2-top}}
<body>
<div id="page">
{{> topbar}}
<div class="wrap">
{{#pastie_lines}} {{#pastie_lines}}
<div class="mar-pad0"> <div>
<div id="numbers" class="mar-pad0"> <div id="numbers" class="mar-pad0">
<p class="mar-pad0">{{number}}</p> <p class="mar-pad0">{{number}}</p>
</div> </div>
<div id="lines" class="mar-pad0"> <div id="lines" class="mar-pad0">
<li id="code">{{line}}</li> <p id="code" {{#colourless}}style="color:#EDEDED"{{/colourless}} >{{line}}</p>
</div> </div>
</div> </div>
{{/pastie_lines}} {{/pastie_lines}}
</div>
</div>
{{> footer}}
</body> {{> page2-bottom}}
</html>

9
html/website/saved.html.mstch Normal file
View 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}}

8
html/website/topbar.mustache
View file

@ -2,13 +2,13 @@
<p id="version">KamoKan</p> <p id="version">KamoKan</p>
<a href="{{host_path}}/"><img src="{{host_path}}/Pictures/kamokan-icon-gt.png" alt="kamokan icon" class="icon"></a> <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"> <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> <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> <a href="save.html" class="submit-mobile"><input type="submit" title="Paste"/></a>