mirror of
https://gitnet.fr/deblan/gist.git
synced 2021-08-14 08:30:49 +02:00
Ergonomy
This commit is contained in:
Simon Vieille
parent
77b5a50ab6
commit
843c510a16
@ -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
7
web/app/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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
77
web/code.php
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user