mirror of
https://gitnet.fr/deblan/gist.git
synced 2021-08-14 08:30:49 +02:00
First template
This commit is contained in:
parent
aded14d4a5
commit
77b5a50ab6
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
composer.lock
|
||||
vendor/
|
||||
tags
|
||||
*.swp
|
17
bower.json
Normal file
17
bower.json
Normal file
@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "gist-debla,",
|
||||
"version": "0.0.1",
|
||||
"authors": [
|
||||
"Simon Vieille <simon@deblan.fr>"
|
||||
],
|
||||
"description": "Gist DEBLAN",
|
||||
"main": "web/index.php",
|
||||
"keywords": [
|
||||
"XBT"
|
||||
],
|
||||
"license": "LGPL",
|
||||
"homepage": "https://gitlab.deblan.org/deblan/gist.deblan.org",
|
||||
"dependencies": {
|
||||
"bootstrap": "3.3.4"
|
||||
}
|
||||
}
|
5
composer.json
Normal file
5
composer.json
Normal file
@ -0,0 +1,5 @@
|
||||
{
|
||||
"require": {
|
||||
"geshi/geshi": "dev-master"
|
||||
}
|
||||
}
|
37
web/app/css/app.css
Normal file
37
web/app/css/app.css
Normal file
@ -0,0 +1,37 @@
|
||||
body {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
color: #fff;
|
||||
background: #2D2D2D;
|
||||
border: #333;
|
||||
}
|
||||
|
||||
#code {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#languages {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#render > pre {
|
||||
background: #222;
|
||||
border: #222;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
#render pre ol {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
#render li:hover {
|
||||
background: #222;
|
||||
}
|
7
web/app/css/bootstrap.min.css
vendored
Normal file
7
web/app/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
146
web/app/css/dawn.css
Normal file
146
web/app/css/dawn.css
Normal file
@ -0,0 +1,146 @@
|
||||
/* @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
Normal file
131
web/app/css/mac-classic.css
Normal file
@ -0,0 +1,131 @@
|
||||
/**
|
||||
* 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
Normal file
123
web/app/css/twilight.css
Normal file
@ -0,0 +1,123 @@
|
||||
/* @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
Normal file
147
web/app/css/vibrant-ink.css
Normal file
@ -0,0 +1,147 @@
|
||||
/* @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;
|
||||
}
|
3
web/app/js/app.js
Normal file
3
web/app/js/app.js
Normal file
@ -0,0 +1,3 @@
|
||||
$('textarea').on('keyup change', function() {
|
||||
$(this).attr('rows', Math.max(10, $(this).val().split("\n").length));
|
||||
});
|
111
web/code.php
Normal file
111
web/code.php
Normal file
@ -0,0 +1,111 @@
|
||||
<?php
|
||||
|
||||
require '../vendor/autoload.php';
|
||||
|
||||
$geshi = new GeSHi(file_get_contents(__FILE__), 'xml');
|
||||
$geshi->enable_classes();
|
||||
$geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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/app.css" />
|
||||
<link rel="stylesheet" href="app/css/twilight.css" />
|
||||
<title>GIST</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">XBT</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="main-menu">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active">
|
||||
<a href="#">
|
||||
Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Upload</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid" id="container">
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
Gist:
|
||||
<strong>aded14d4a5</strong>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="#home" data-toggle="tab">View</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#profile" data-toggle="tab">
|
||||
Révisions
|
||||
<span class="badge">4</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="pull-right">
|
||||
<a class="btn btn-success btn-sm">Fork</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Untitled</div>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div id="render">
|
||||
<?php
|
||||
echo $geshi->parse_code();
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<script src="components/select2-dist/dist/js/select2.full.min.js"></script>
|
||||
<script src="app/js/app.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
93
web/index.php
Normal file
93
web/index.php
Normal file
@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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/app.css" />
|
||||
<title>GIST</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">XBT</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="main-menu">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active">
|
||||
<a href="#">
|
||||
Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Upload</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid" id="container">
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="active">New gist</li>
|
||||
</ul>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<input type="text" class="form-control" id="name" placeholder="Title">
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<script src="components/select2-dist/dist/js/select2.full.min.js"></script>
|
||||
<script src="app/js/app.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user