1
0
mirror of https://gitnet.fr/deblan/gist.git synced 2021-08-14 08:30:49 +02:00

First template

This commit is contained in:
Simon Vieille 2015-05-04 22:12:26 +02:00
parent aded14d4a5
commit 77b5a50ab6
13 changed files with 827 additions and 0 deletions

3
.bowerrc Normal file
View File

@ -0,0 +1,3 @@
{
"directory": "web/components/"
}

4
.gitignore vendored Normal file
View File

@ -0,0 +1,4 @@
composer.lock
vendor/
tags
*.swp

17
bower.json Normal file
View 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
View File

@ -0,0 +1,5 @@
{
"require": {
"geshi/geshi": "dev-master"
}
}

37
web/app/css/app.css Normal file
View 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

File diff suppressed because one or more lines are too long

146
web/app/css/dawn.css Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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>