deblan/gist
2
2
Fork 3
Code Issues Pull requests Releases 3 Wiki Activity

Ergonomy

Browse source
This commit is contained in:
Simon Vieille 2015-05-04 23:09:27 +02:00
parent 77b5a50ab6
commit 843c510a16
8 changed files with 130 additions and 601 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/app/css/app.css
View file

@ -22,6 +22,10 @@ body {
padding-bottom: 5px;
}
#languages .btn-group:first-child {
margin-right: 4px;
}
#render > pre {
background: #222;
border: #222;

7
web/app/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

146
web/app/css/dawn.css
View file

@ -1,146 +0,0 @@
/* @override http://localhost/mark_story2/site/css/geshi.css */
/**
* GeSHi CSS Inspired by
* TextMate Theme Dawn
*
* Copyright 2008 Mark Story
*
* This work is licensed under the Creative Commons Attribution-Share Alike 2.5 Canada License.
* To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/2.5/ca/
* or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
*
* @copyright Copyright 2008, Mark Story.
* @link http://mark-story.com
* @license http://creativecommons.org/licenses/by-sa/2.5/ca/
*/
/*
* Global geshi styles
**********************/
#main pre {
line-height: 1.5em;
font-size: 10px;
white-space: normal;
padding: 0;
background: #E8EDF4;
border: 1px solid #222;
}
pre ol {
list-style: decimal;
list-style-position: outside;
padding: 0;
margin: 0;
}
#main pre ol li {
margin: 0 0 0 35px;
padding: 0;
color: #333;
clear: none;
}
pre ol li div {
color:#000;
}
/* Line highlights */
.li1 {
background: #E4E8EF;
}
/* comments */
.co1,
.coMULTI {
color:#5A526E;
}
/* methods */
.me1{
color:#000;
}
.me0 {
}
.me2 {
color:#000;
}
/* brackets */
.br0 {
color:#000;
}
/* strings */
.st0 {
color:#0B6125;
}
/* keywords */
.kw1 {
color: #794938;
}
.kw2 {
color:#A71D5D;
font-style: italic;
}
.kw3 {
color:#693A17;
}
/* numbers */
.nu0 {
color:#811F24;
}
/* vars */
.re0 {
color:#434A97;
}
/*
* CSS selectors
*****************/
/* classnames */
[lang=css] .kw2,
.css .kw2 {
color:#C24F24;
}
[lang=css] .kw1,
.css .kw1 {
color:#691C97;
}
[lang=css] .re0,
.css .re0 {
color: #C24F24;
}
.re1 {
color: #C24F24;
}
/* px values */
[lang=css] .re3,
.css .re3 {
color:#84252A;
}
/*
* Python
****************/
[lang=python] ol li div,
.python ol li div {
color: #000;
}
[lang=python] .kw2,
.python .kw2 {
font-style: normal;
}
[lang=python] .kw1 {
color: #A91D5D;
}
/*
* Javascript
****************/
[lang=javascript] .me1,
.javascript .me1 {
color: #794938;
}

131
web/app/css/mac-classic.css
View file

@ -1,131 +0,0 @@
/**
* GeSHi CSS Inspired by TextMate
* Theme Mac Classic
*
* Copyright 2008 Mark Story
*
* This work is licensed under the Creative Commons Attribution-Share Alike 2.5 Canada License.
* To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/2.5/ca/
* or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
*
* @copyright Copyright 2008, Mark Story.
* @link http://mark-story.com
* @license http://creativecommons.org/licenses/by-sa/2.5/ca/
*/
/*
* Global geshi styles
**********************/
#main pre {
line-height: 1.5em;
font-size: 10px;
white-space: normal;
padding: 0;
background: #eae9e5;
border: 1px solid #c0c0c0;
}
pre ol {
list-style: decimal;
list-style-position: outside;
padding: 0;
margin: 0;
}
#main pre ol li {
margin: 0 0 0 35px;
padding: 0;
color: #000;
clear: none;
}
pre ol li div {
color:#000;
}
/* php */
pre[lang=php] ol div,
pre.php ol div {
color:#fd1435;
}
/* Line highlights */
.li1 {
background: #f2f2f2;
}
/* Line highlights */
.li1 {
background: #f2f2f2;
}
/* comments */
.co1,
.coMULTI {
color:#5c9dff;
}
/* methods */
.me1{
color:#000;
}
.me0 {
}
.me2 {
color:#000;
}
/* brackets */
.br0 {
color:#222;
}
/* strings */
.st0 {
color:#b701bb;
}
/* keywords */
.kw1 {
color: #fd1435;
}
.kw2 {
color:#6266f5;
}
.kw3 {
color:#505e80;
}
/* numbers */
.nu0 {
color:#0a0aa5;
}
/* vars */
.re0 {
color:#059532;
}
/*
* CSS selectors
*****************/
/* classnames */
[lang=css] .kw2,
.css .kw2 {
color:#0a0aa5;
}
.re1 {
color: #b701bb;
}
/* px values */
[lang=css] .re3,
.css .re3 {
color:#059532;
}
/*
* Javascript
****************/
[lang=javascript] .me1,
.javascript .me1 {
color:#505e80;
}

123
web/app/css/twilight.css
View file

@ -1,123 +0,0 @@
/* @override http://localhost/mark_story2/site/css/geshi.css */
/**
* GeSHi CSS Inspired by TextMate
* Theme Twilight
*
* Copyright 2008 Mark Story
*
* This work is licensed under the Creative Commons Attribution-Share Alike 2.5 Canada License.
* To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/2.5/ca/
* or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
*
* @filesource
* @copyright Copyright 2008, Mark Story.
* @link http://mark-story.com
* @license http://creativecommons.org/licenses/by-sa/2.5/ca/
*/
/*
* Global geshi styles
**********************/
#main pre {
line-height: 1.5em;
font-size: 10px;
white-space: normal;
padding: 0;
background: #222223;
border: 1px solid #222;
}
pre ol {
list-style: decimal;
list-style-position: outside;
padding: 0;
margin: 0;
}
#main pre ol li {
margin: 0 0 0 35px;
padding: 0;
color: #000;
clear: none;
}
pre ol li div {
color:#f8f8f8;
}
/* Line highlights */
.li1 {
background: #202021;
}
/* comments */
.co1,
.coMULTI {
color:#5F5A60;
}
/* methods */
.me1{
color:#fff;
}
.me0 {
}
.me2 {
color:#000;
}
/* brackets */
.br0 {
color:#fff;
}
/* strings */
.st0 {
color:#8F9657;
}
/* keywords */
.kw1 {
color: #CDA869;
}
.kw2 {
color:#F9EE98;
}
.kw3 {
color:#505e80;
}
/* numbers */
.nu0 {
color:#CF6745;
}
/* vars */
.re0 {
color:#7587A6;
}
/*
* CSS selectors
*****************/
/* classnames */
[lang=css] .kw2,
.css .kw2 {
color:#F9EE7E;
}
.re1 {
color: #96703D;
}
/* px values */
[lang=css] .re3,
.css .re3 {
color:#CA7840;
}
/*
* Javascript
****************/
[lang=javascript] .me1,
.javascript .me1 {
color:#505e80;
}

147
web/app/css/vibrant-ink.css
View file

@ -1,147 +0,0 @@
/* @override http://localhost/mark_story2/site/css/geshi.css */
/**
* GeSHi CSS Inspired by TextMate
* Theme Vibrant Ink
*
* Copyright 2008 Mark Story
*
* This work is licensed under the Creative Commons Attribution-Share Alike 2.5 Canada License.
* To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/2.5/ca/
* or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
*
* @copyright Copyright 2008, Mark Story.
* @link http://mark-story.com
* @license http://creativecommons.org/licenses/by-sa/2.5/ca/
*/
/*
* Global geshi styles
**********************/
#main pre {
line-height: 1.5em;
font-size: 10px;
white-space: normal;
padding: 0;
background: #000;
border: 1px solid #222;
}
pre ol {
list-style: decimal;
list-style-position: outside;
padding: 0;
margin: 0;
}
#main pre ol li {
margin: 0 0 0 35px;
padding: 0;
color: #fff;
clear: none;
}
pre ol li div {
color:#F26100;
}
/* Line highlights */
.li1 {
background: #030303;
}
/* comments */
.co1,
.coMULTI {
color:#7830CC;
}
/* methods */
.me1{
color:#fff;
}
.me0 {
}
.me2 {
color:#000;
}
/* brackets */
.br0 {
color:#fff;
}
/* strings */
.st0 {
color:#52F700;
}
/* keywords */
.kw1 {
color: #C6C765;
}
.kw2 {
color:#FFC500;
}
.kw3 {
color:#505e80;
}
/* numbers */
.nu0 {
color:#319994;
}
/* vars */
.re0 {
color:#fff;
}
/*
* CSS selectors
*****************/
/* classnames */
[lang=css] .kw2,
.css .kw2 {
color:#fff;
}
[lang=css] .kw1,
.css .kw1 {
color:#999966;
}
[lang=css] .re0,
.css .re0 {
color: #F26100;
}
.re1 {
color: #96703D;
}
/* px values */
[lang=css] .re3,
.css .re3 {
color:#fff;
}
/*
* Python
****************/
[lang=python] ol li div,
.python ol li div {
color: #fff;
}
[lang=python] .kw1,
.python .kw1 {
color:#F26100;
}
/*
* Javascript
****************/
[lang=javascript] .me1,
.javascript .me1 {
color:#fff;
}
pre[lang=javascript] ol li div,
.javascript ol li div {
color: #fff;
}

77
web/code.php
View file

@ -11,9 +11,10 @@ $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="app/css/bootstrap.min.css" />
<link rel="stylesheet" href="app/css/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="app/css/geshi/twilight.css" />
<link rel="stylesheet" href="app/css/app.css" />
<link rel="stylesheet" href="app/css/twilight.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GIST</title>
</head>
<body>
@ -26,7 +27,7 @@ $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">XBT</a>
<a class="navbar-brand" href="#">#!GIST</a>
</div>
<div class="collapse navbar-collapse" id="main-menu">
<ul class="nav navbar-nav">
@ -37,10 +38,7 @@ $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
</a>
</li>
<li>
<a href="#">Upload</a>
</li>
<li>
<a href="#">Profile</a>
<a href="#">About</a>
</li>
</ul>
</div>
@ -69,7 +67,10 @@ $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
</a>
</li>
<li class="pull-right">
<a class="btn btn-success btn-sm">Fork</a>
<a class="btn btn-success btn-sm">
<span class="glyphicon glyphicon-copy"></span>
Fork
</a>
</li>
</ul>
<div class="panel panel-default">
@ -77,19 +78,53 @@ $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
<div class="panel-body">
<div class="btn-toolbar">
<div class="btn-group" id="languages">
<button class="btn btn-default" value="html">HTML/XML</button>
<button class="btn btn-primary" value="css">CSS</button>
<button class="btn btn-default" value="javascript">JAVASCRIPT</button>
<button class="btn btn-default" value="php">PHP</button>
<button class="btn btn-default" value="sql">SQL</button>
<button class="btn btn-default" value="yaml">YAML</button>
<button class="btn btn-default" value="perl">PERL</button>
<button class="btn btn-default" value="c">C/C++</button>
<button class="btn btn-default" value="asp">ASP</button>
<button class="btn btn-default" value="python">PYTHON</button>
<button class="btn btn-default" value="bash">BASH</button>
<button class="btn btn-default" value="actionscript">ACTION SCRIPT</button>
<button class="btn btn-default" value="texte">TEXT</button>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Language XML
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="html">HTML/XML</a>
</li>
<li>
<a href="css">CSS</a>
</li>
<li>
<a href="javascript">JAVASCRIPT</a>
</li>
<li>
<a href="php">PHP</a>
</li>
<li>
<a href="sql">SQL</a>
</li>
<li>
<a href="yaml">YAML</a>
</li>
<li>
<a href="perl">PERL</a>
</li>
<li>
<a href="c">C/C++</a>
</li>
<li>
<a href="asp">ASP</a>
</li>
<li>
<a href="python">PYTHON</a>
</li>
<li>
<a href="bash">BASH</a>
</li>
<li>
<a href="actionscript">ACTION SCRIPT</a>
</li>
<li>
<a href="texte">TEXT</a>
</li>
</ul>
</div>
</div>
</div>

96
web/index.php
View file

@ -3,8 +3,9 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="app/css/bootstrap.min.css" />
<link rel="stylesheet" href="app/css/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="app/css/app.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GIST</title>
</head>
<body>
@ -17,7 +18,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">XBT</a>
<a class="navbar-brand" href="#">#!GIST</a>
</div>
<div class="collapse navbar-collapse" id="main-menu">
<ul class="nav navbar-nav">
@ -28,10 +29,7 @@
</a>
</li>
<li>
<a href="#">Upload</a>
</li>
<li>
<a href="#">Profile</a>
<a href="#">About</a>
</li>
</ul>
</div>
@ -42,10 +40,14 @@
<li>
<a href="#">Home</a>
</li>
<li class="active">New gist</li>
<li class="active">New</li>
</ul>
<div class="row">
<div class="col-md-12">
<p class="text-primary">
<span class="glyphicon glyphicon-info-sign"></span>
En activant le chiffrement, le code déposé ne pourra pas être forké.
</p>
<div class="panel panel-default">
<div class="panel-heading">
<input type="text" class="form-control" id="name" placeholder="Title">
@ -53,30 +55,72 @@
<div class="panel-body">
<div class="btn-toolbar">
<div class="btn-group" id="languages">
<button class="btn btn-default" value="html">HTML/XML</button>
<button class="btn btn-primary" value="css">CSS</button>
<button class="btn btn-default" value="javascript">JAVASCRIPT</button>
<button class="btn btn-default" value="php">PHP</button>
<button class="btn btn-default" value="sql">SQL</button>
<button class="btn btn-default" value="yaml">YAML</button>
<button class="btn btn-default" value="perl">PERL</button>
<button class="btn btn-default" value="c">C/C++</button>
<button class="btn btn-default" value="asp">ASP</button>
<button class="btn btn-default" value="python">PYTHON</button>
<button class="btn btn-default" value="bash">BASH</button>
<button class="btn btn-default" value="actionscript">ACTION SCRIPT</button>
<button class="btn btn-default" value="texte">TEXT</button>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Language XML
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="html">HTML/XML</a>
</li>
<li>
<a href="css">CSS</a>
</li>
<li>
<a href="javascript">JAVASCRIPT</a>
</li>
<li>
<a href="php">PHP</a>
</li>
<li>
<a href="sql">SQL</a>
</li>
<li>
<a href="yaml">YAML</a>
</li>
<li>
<a href="perl">PERL</a>
</li>
<li>
<a href="c">C/C++</a>
</li>
<li>
<a href="asp">ASP</a>
</li>
<li>
<a href="python">PYTHON</a>
</li>
<li>
<a href="bash">BASH</a>
</li>
<li>
<a href="actionscript">ACTION SCRIPT</a>
</li>
<li>
<a href="texte">TEXT</a>
</li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Chiffrement : non
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="html">oui</a>
</li>
<li>
<a href="css">non</a>
</li>
</ul>
</div>
</div>
</div>
<p>
<textarea rows="10" id="code" class="form-control"></textarea>
</p>
<p>
<label for="crypt">
Chiffrer le contenu
</label>
<input type="checkbox" id="crypt" />
</p>
<p>
<input type="submit" class="btn btn-primary" value="Envoyer">
</p>