Ah! This page doesn't exist
11 | 12 |Not to worry. Here is a link to the homepage.
13 | 14 |
15 | {% endblock %}
16 |
17 | {% block scripts %}
18 |
19 |
20 | {% endblock %}
21 |
--------------------------------------------------------------------------------
/app/templates/latest-pastes.html:
--------------------------------------------------------------------------------
1 | {% extends "layout/base.html" %}
2 |
3 | {% block title %}Latest Pastes{% endblock %}
4 |
5 | {% block head %}
6 |
7 | {% endblock %}
8 |
9 | {% block content %}
10 | Latest Public Pastes
11 |
12 |
18 | {% endblock %}
19 |
--------------------------------------------------------------------------------
/app/static/scss/.sass-cache/fe4216f757fcd1fdc4bdfc15f6c20472ba3262b1/_comments.scssc:
--------------------------------------------------------------------------------
1 | 3.4.3 (Selective Steve)
2 | a9848c2c13944adcb9ae0ee7349d3fefa700f5e9
3 | o:Sass::Tree::RootNode :@children[o: Sass::Tree::CommentNode
4 | : @value[I"/* Soon */:ET:
5 | @type: normal;[ :
6 | @linei:
@options{ :@templateI"/* Soon */
7 | ; T; i:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti:
@end_poso;; i;i:
8 | @fileI"Z/Users/thinkxl/Development/python/rocketbin/app/static/scss/components/_comments.scss; T:@importero: Sass::Importers::Filesystem:
9 | @rootI"@/Users/thinkxl/Development/python/rocketbin/app/static/scss; T:@real_rootI"@/Users/thinkxl/Development/python/rocketbin/app/static/scss; T:@same_name_warningso:Set:
10 | @hash{ :@has_childrenT;
@
--------------------------------------------------------------------------------
/app/templates/paste.html:
--------------------------------------------------------------------------------
1 | {% extends "layout/base.html" %}
2 |
3 | {% block title %}Paste {{ id }}{% endblock %}
4 |
5 | {% block head %}
6 |
7 | {% endblock %}
8 |
9 | {% block content %}
10 | -
13 | {% for item in all %}
14 |
- {% block loop_item scoped %}{{ item['_id'] }} {{ item['lang'] }} paste created {{ item['created_at']|datetimeformat }}{% endblock %} 15 | {% endfor %} 16 |
{{ title }}
11 | 12 | 13 | 14 |{{ code|safe }}
15 |
16 | 17 | 18 |
Raw Data
19 | {# #} 20 | 21 |
22 |
23 |
24 | {% endblock %}
25 |
--------------------------------------------------------------------------------
/app/__init__.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 |
3 | from flask import Flask, g, render_template, abort
4 | from flask.ext.sqlalchemy import SQLAlchemy
5 |
6 | app = Flask(__name__)
7 | app.config.from_object('config')
8 | db = SQLAlchemy(app)
9 |
10 | db.create_all()
11 |
12 | @app.errorhandler(403)
13 | def forbidden_page(error):
14 | return render_template('403.html'), 403
15 |
16 | @app.errorhandler(404)
17 | def page_not_found(error):
18 | return render_template('404.html'), 404
19 |
20 | @app.errorhandler(500)
21 | def server_error_page(error):
22 | return render_template('500.html'), 500
23 |
24 | from app.views import home
25 | from app.views import paste
26 | from app.views import styleguide
27 | from app.views import error
28 |
29 | app.register_blueprint(home.mod)
30 | app.register_blueprint(paste.mod)
31 | app.register_blueprint(styleguide.mod)
32 | app.register_blueprint(error.mod)
33 |
--------------------------------------------------------------------------------
/app/static/scss/base/_base.scss:
--------------------------------------------------------------------------------
1 | html {
2 | box-sizing: border-box;
3 | background-color: #eee;
4 | }
5 |
6 | *, *:before, *:after {
7 | box-sizing: inherit;
8 | }
9 |
10 | body {
11 | font-family: $base-font-family;
12 | background-color: $body-background-color;
13 | color: $text-color;
14 | text-rendering: optimizeLegibility;
15 | -webkit-font-smoothing: antialiased;
16 | }
17 |
18 | pre,
19 | code,
20 | .ace_editor {
21 | font-family: 'Source Code Pro', 'source-code-pro', monospace !important;
22 | font-size: 13px !important;
23 | -webkit-font-smoothing: auto;
24 | /* line-height: 1; */
25 | }
26 |
27 | h1, h2, h3, h4, h5 {
28 | font-family: $headings-font-family;
29 | color: $headings-color;
30 | }
31 |
32 | /* Text that is inside the `.app` class, because the green background */
33 | .app {
34 | color: $app-text-color;
35 |
36 | h1, h2, h3, h4 {
37 | color: $app-headings-color;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/app/static/scss/components/_buttons.scss:
--------------------------------------------------------------------------------
1 | /* Buttons */
2 | %button-static {
3 | display: inline-block;
4 | padding: 0.418em 1em;
5 | border: 0;
6 | border-radius: $btn-roundness;
7 | color: #fff;
8 | text-decoration: none;
9 | font-family: inherit;
10 | font-weight: 400;
11 | line-height: 1;
12 | cursor: pointer;
13 |
14 | &:focus {
15 | outline: none;
16 | }
17 | }
18 |
19 | button,
20 | a.btn-default,
21 | .btn-default {
22 | @extend %button-static;
23 |
24 | color: #fff;
25 |
26 | @include button($btn-default-bg, $btn-primary-text-color);
27 | }
28 |
29 |
30 | .btn-ghost {
31 | @extend .btn-default;
32 | @include button(transparent, #fff);
33 | border: 3px solid #fff;
34 | opacity: 0.8;
35 |
36 | &:hover {
37 | opacity: 1;
38 | }
39 | }
40 |
41 | .btn-small {
42 | @extend .btn-default;
43 | font-size: $btn-small-font-size;
44 | }
45 |
46 | .btn-large {
47 | @extend .btn-default;
48 | font-size: $btn-large-font-size;
49 | }
50 |
--------------------------------------------------------------------------------
/app/static/scss/layout/_main.scss:
--------------------------------------------------------------------------------
1 | /* Main layout */
2 | .container {
3 | margin: 0 auto;
4 | width: 45em;
5 | }
6 |
7 | .section {
8 | margin-bottom: 1em;
9 | padding-top: 1em;
10 | padding-bottom: 1em;
11 |
12 | &:last-child {
13 | margin-top: 0;
14 | }
15 | }
16 |
17 | /* App */
18 | .app {
19 | padding-bottom: 4em;
20 | background-color: $color-green;
21 | color: #fff;
22 |
23 | hr {
24 | border-color: lighten($color-green, 5%);
25 | }
26 |
27 | // a {
28 | // color: darken($color-green, 40%);
29 | // }
30 | }
31 |
32 | /* Editor */
33 | #editor {
34 | margin-bottom: 1em;
35 | width: 100%;
36 | height: 40em;
37 | }
38 |
39 | /* Options */
40 | [class^="option-"] {
41 | display: inline-block;
42 | margin-right: 1em;
43 |
44 | input,
45 | select {
46 | color: #333;
47 | }
48 |
49 | &:last-child {
50 | margin-right: 0;
51 | }
52 | }
53 |
54 | /* Paste title */
55 | .option-title {
56 | display: block;
57 | margin: 1em 0;
58 |
59 | input {
60 | width: 100%;
61 | padding: 0.618em;
62 | color: #333;
63 | outline: none;
64 | border: 6px solid $color-grey;
65 | border-radius: 4px;
66 | }
67 | }
68 |
69 |
70 |
--------------------------------------------------------------------------------
/app/static/scss/components/_alerts.scss:
--------------------------------------------------------------------------------
1 | /* Alerts */
2 | [class^="alert-"] {
3 | border: 1px solid;
4 | border-bottom-width: 3px;
5 | border-radius: 4px;
6 | margin: 1em 0;
7 | padding: 1.125em;
8 |
9 | p {
10 | margin: 0;
11 | }
12 | }
13 |
14 | .alert-information {
15 | border-color: lighten($information-color, 30%);
16 | color: darken($information-color, 25%);
17 | background-color: lighten($information-color, 45%);
18 |
19 | strong {
20 | color: $information-color;
21 | }
22 | }
23 |
24 | .alert-error {
25 | border-color: lighten($error-color, 30%);
26 | color: darken($error-color, 25%);
27 | background-color: lighten($error-color, 45%);
28 |
29 | strong {
30 | color: $error-color;
31 | }
32 | }
33 |
34 | .alert-warning {
35 | border-color: lighten($warning-color, 30%);
36 | color: darken($warning-color, 25%);
37 | background-color: lighten($warning-color, 45%);
38 |
39 | strong {
40 | color: $warning-color;
41 | }
42 | }
43 |
44 | .alert-success {
45 | border-color: lighten($success-color, 30%);
46 | color: darken($success-color, 25%);
47 | background-color: lighten($success-color, 45%);
48 |
49 | strong {
50 | color: $success-color;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/app/static/scss/style.scss:
--------------------------------------------------------------------------------
1 | /*
2 | *
3 | * _______ ____/ /_____ / /_/ / (_)__
4 | * / __/ _ \/ __/ '_/ -_' __/ _ \/ / _ \
5 | * /_/ \___/\__/_/\_\\__/\__/_.__/_/_//_/
6 | *
7 | * Designed, built, and released under GPL license by @thinkxl.
8 | * https://github.com/thinkxl/rocketbin
9 | */
10 |
11 | /*
12 | * Contents
13 | *
14 | * Vendors
15 | * Utils
16 | * Base
17 | * Components
18 | * Layouts
19 | * Pages
20 | */
21 |
22 | /*
23 | * Vendors
24 | */
25 |
26 | @import "vendors/normalize";
27 | @import "vendors/hyx";
28 |
29 | /*
30 | * Utils
31 | */
32 |
33 | @import "utils/variables";
34 | @import "utils/toolbox";
35 |
36 | /*
37 | * Base
38 | */
39 |
40 | @import "base/typography";
41 | @import "base/base";
42 |
43 | /*
44 | * Components
45 | */
46 |
47 | @import "components/alerts";
48 | @import "components/buttons";
49 | @import "components/forms";
50 | @import "components/editor";
51 | @import "components/comments";
52 |
53 | /*
54 | * Layouts
55 | */
56 |
57 | @import "layout/grid";
58 | @import "layout/header";
59 | @import "layout/main";
60 | @import "layout/footer";
61 |
62 | /*
63 | * Pages
64 | */
65 |
66 | @import "pages/style-guide";
67 | @import "pages/code-result";
68 | @import "pages/latest-pastes";
69 |
--------------------------------------------------------------------------------
/app/models/__init__.py:
--------------------------------------------------------------------------------
1 | from app import db
2 |
3 | # class User(db.Model):
4 | # _id = db.Column(db.String, unique=True)
5 | # username = db.Column(db.String, unique=True)
6 | # email_address = db.Column(db.String, unique=True)
7 |
8 | # def __init__(self, _id, username, email_address):
9 | # self._id = _id
10 | # self.username = username
11 | # self.email_address = email_address
12 |
13 | # def __repr__(self):
14 | # return '403
57 |You are trying to do something that is not allowed, please go back and try do things right.
58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /app/static/scss/components/_editor.scss: -------------------------------------------------------------------------------- 1 | /* Editor */ 2 | %editor-border-style { 3 | border-radius: 4px !important; 4 | border: 8px solid #ccc; 5 | // border-top: 20px solid $editor-top-bar-color; 6 | } 7 | 8 | // Dark 9 | .linenos-dark { 10 | color: #8f908a; 11 | background-color: #2F3129; 12 | } 13 | 14 | .highlighttable-dark { 15 | & > tbody { 16 | background-color: #272822; 17 | } 18 | } 19 | 20 | // Light 21 | .linenos-light { 22 | color: #aaa; 23 | background-color: #E8E8E8; 24 | } 25 | 26 | .highlighttable-light { 27 | color: #333; 28 | 29 | & > tbody { 30 | background-color: #fff; 31 | } 32 | } 33 | 34 | .code-raw-textarea-light { 35 | color: #333; 36 | } 37 | 38 | // Code result 39 | .code-raw { 40 | width: 100%; 41 | } 42 | 43 | .code-raw-textarea { 44 | @extend .code-raw-textarea-light; 45 | padding: 0.618em; 46 | width: 100%; 47 | height: 20em; 48 | font-family: 'Source Code Pro', monospace; 49 | font-size: 13px; 50 | background-color: #fff; 51 | border-radius: 4px; 52 | border: none; 53 | 54 | &:focus { 55 | outline: none; 56 | } 57 | } 58 | 59 | .code-result { 60 | width: 100%; 61 | height: auto; 62 | overflow: auto; 63 | @extend %editor-border-style; 64 | & > table { 65 | border-collapse: inherit !important; 66 | } 67 | } 68 | 69 | .highlighttable { 70 | @extend .highlighttable-light; 71 | border-radius: 4px; 72 | } 73 | 74 | .linenos { 75 | // padding: 0 2px 0 12px; 76 | width: 2em; 77 | min-width: 2em; 78 | text-align: center; 79 | @extend .linenos-light; 80 | } 81 | 82 | .code { 83 | padding-left: 5px; 84 | } 85 | 86 | // Home editor 87 | #editor { 88 | @extend %editor-border-style; 89 | } 90 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | #### joe made this: https://goel.io/joe 2 | 3 | #####=== Vim ===##### 4 | [._]*.s[a-w][a-z] 5 | [._]s[a-w][a-z] 6 | *.un~ 7 | Session.vim 8 | .netrwhist 9 | *~ 10 | 11 | #####=== Python ===##### 12 | 13 | # Byte-compiled / optimized / DLL files 14 | __pycache__/ 15 | *.py[cod] 16 | 17 | # C extensions 18 | *.so 19 | 20 | # Distribution / packaging 21 | .Python 22 | env/ 23 | build/ 24 | develop-eggs/ 25 | dist/ 26 | downloads/ 27 | eggs/ 28 | lib/ 29 | lib64/ 30 | parts/ 31 | sdist/ 32 | var/ 33 | *.egg-info/ 34 | .installed.cfg 35 | *.egg 36 | 37 | # PyInstaller 38 | # Usually these files are written by a python script from a template 39 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 40 | *.manifest 41 | *.spec 42 | 43 | # Installer logs 44 | pip-log.txt 45 | pip-delete-this-directory.txt 46 | 47 | # Unit test / coverage reports 48 | htmlcov/ 49 | .tox/ 50 | .coverage 51 | .cache 52 | nosetests.xml 53 | coverage.xml 54 | 55 | # Translations 56 | *.mo 57 | *.pot 58 | 59 | # Django stuff: 60 | *.log 61 | 62 | # Sphinx documentation 63 | docs/_build/ 64 | 65 | # PyBuilder 66 | target/ 67 | 68 | #####=== OSX ===##### 69 | .DS_Store 70 | .AppleDouble 71 | .LSOverride 72 | 73 | # Icon must end with two \r 74 | Icon 75 | 76 | # Thumbnails 77 | ._* 78 | 79 | # Files that might appear on external disk 80 | .Spotlight-V100 81 | .Trashes 82 | 83 | # Directories potentially created on remote AFP share 84 | .AppleDB 85 | .AppleDesktop 86 | Network Trash Folder 87 | Temporary Items 88 | .apdisk 89 | 90 | #####=== VirtualEnv ===##### 91 | # Virtualenv 92 | # http://iamzed.com/2009/05/07/a-primer-on-virtualenv/ 93 | .Python 94 | [Bb]in 95 | [Ii]nclude 96 | [Ll]ib 97 | [Ss]cripts 98 | pyvenv.cfg 99 | pip-selfcheck.json 100 | 101 | -------------------------------------------------------------------------------- /app/static/scss/utils/_variables.scss: -------------------------------------------------------------------------------- 1 | // Colors 2 | $color-red: #e74c3c; 3 | $color-green: #5FBCA8; 4 | $color-grey: #CCCCCC; 5 | 6 | // General 7 | $site-width: 65rem; 8 | $baseline: 1.618rem; 9 | $body-background-color: #eee; 10 | 11 | // Typography Variables. 12 | $site-title-color: #1a237e; 13 | $page-title-color: #283593; 14 | $text-color: #333; 15 | $link-color: darken($color-green, 40%); 16 | $muted-text-color: lighten($text-color, 15%); 17 | 18 | $headings-font-family: 'Source Sans Pro', sans-serif; 19 | $base-font-family: 'Droid Sans', sans-serif; 20 | $base-font-size: 18px; 21 | $base-line-height: 1.618; 22 | $base-margin-bottom: $baseline; 23 | $measure: 806px; 24 | 25 | $headings-margin-bottom: $base-margin-bottom; 26 | $headings-line-height: 1.125; 27 | $headings-color: #333; 28 | 29 | $code-font-family: 'DejaVu Sans Mono', Inconsolata, Consolas, 'Lucida Console', monospace; 30 | $code-text-color: brown; 31 | 32 | // Inside app 33 | $app-text-color: #fff; 34 | $app-headings-color: $link-color; 35 | 36 | // Button Variables. 37 | $btn-roundness: 0.236rem; 38 | 39 | $btn-small-font-size: 0.818rem; 40 | $btn-large-font-size: 1.318rem; 41 | 42 | $btn-default-bg: #3498db; 43 | $btn-default-top-color: #ff512f; 44 | $btn-default-bottom-color: #f09819; 45 | $btn-default-text-color: #fff; 46 | 47 | $btn-primary-top-color: #aa076b; 48 | $btn-primary-bottom-color: #61045f; 49 | $btn-primary-bg: #2ecc71; 50 | $btn-primary-text-color: lighten($btn-primary-bg, 70%); 51 | 52 | // Form Variables. 53 | $field-border-color: #ccc; 54 | $field-error-color: brown; 55 | $field-required-color: brown; 56 | 57 | // Icon Variables. 58 | $icon-roundness: 3.778px; 59 | $icon-border-color: #333; 60 | 61 | // Feedback Variables. 62 | $information-color: #439ccf; 63 | $error-color: #e72915; 64 | $warning-color: #d35400; 65 | $success-color: #74a730; 66 | 67 | // Editor 68 | $editor-top-bar-color: #999; 69 | 70 | // Alerts 71 | $alert-text-color: #333; 72 | -------------------------------------------------------------------------------- /app/static/scss/components/_forms.scss: -------------------------------------------------------------------------------- 1 | %form-border-radius { 2 | // border: 2px solid $field-border-color; 3 | border: none; 4 | border-radius: 4px; 5 | } 6 | 7 | /* Forms */ 8 | .form { 9 | background-color: #eee; 10 | color: lighten($text-color, 20%); 11 | border-radius: 4px; 12 | 13 | .field-group { 14 | margin-bottom: 1em; 15 | 16 | &:last-child { 17 | margin-bottom: 0; 18 | } 19 | 20 | .label-text, 21 | .label-radio, 22 | .label-checkbox { 23 | font-weight: bold; 24 | } 25 | 26 | .label-text { 27 | display: block; 28 | } 29 | 30 | .label-radio, 31 | .label-checkbox { 32 | display: inline-block; 33 | } 34 | 35 | input[type="text"], 36 | input[type="password"], 37 | input[type="number"], 38 | textarea { 39 | width: 100%; 40 | } 41 | 42 | input:not([class^="btn"]), 43 | textarea { 44 | @extend %form-border-radius; 45 | 46 | padding: 0.618em; 47 | color: lighten($text-color, 10%); 48 | 49 | &:focus, 50 | &:hover { 51 | border-color: darken($field-border-color, 15%); 52 | outline: none; 53 | } 54 | 55 | &.field-fw { 56 | width: 100%; 57 | } 58 | } 59 | 60 | .help { 61 | font-size: 0.718em; 62 | margin: 0.618em 0 0; 63 | } 64 | 65 | .form-help { 66 | margin-top: 0.618em; 67 | color: $muted-text-color; 68 | font-size: 0.818em; 69 | font-style: italic; 70 | } 71 | } 72 | 73 | .field-error { 74 | label, 75 | .help, 76 | input { 77 | color: $field-error-color; 78 | border-color: lighten($field-error-color, 40%) !important; 79 | } 80 | } 81 | 82 | .required { 83 | color: $field-required-color; 84 | } 85 | 86 | fieldset { 87 | margin-bottom: 1em; 88 | padding: 1em; 89 | border: none; 90 | 91 | legend { 92 | padding: 0 0.618em; 93 | font-weight: bold; 94 | } 95 | 96 | p:last-child { 97 | margin-bottom: 0; 98 | } 99 | } 100 | } 101 | -------------------------------------------------------------------------------- /app/static/css/github.css: -------------------------------------------------------------------------------- 1 | /* 2 | * GitHub style for Pygments 3 | * Courtesy of GitHub.com 4 | */ 5 | 6 | .hll { background-color: #f8f8f8; } 7 | .c { color: #999988; font-style: italic; } 8 | .err { color: #a61717; background-color: #e3d2d2; } 9 | .k { font-weight: bold; } 10 | .o { font-weight: bold; } 11 | .cm { color: #999988; font-style: italic; } 12 | .cp { color: #999999; font-weight: bold; } 13 | .c1 { color: #999988; font-style: italic; } 14 | .cs { color: #999999; font-weight: bold; font-style: italic; } 15 | .gd { color: #000000; background-color: #ffdddd; } 16 | .gd .x { color: #000000; background-color: #ffaaaa; } 17 | .ge { font-style: italic; } 18 | .gr { color: #aa0000; } 19 | .gh { color: #999999; } 20 | .gi { color: #000000; background-color: #ddffdd; } 21 | .gi .x { color: #000000; background-color: #aaffaa; } 22 | .go { color: #888888; } 23 | .gp { color: #555555; } 24 | .gs { font-weight: bold; } 25 | .gu { color: #800080; font-weight: bold; } 26 | .gt { color: #aa0000; } 27 | .kc { font-weight: bold; } 28 | .kd { font-weight: bold; } 29 | .kn { font-weight: bold; } 30 | .kp { font-weight: bold; } 31 | .kr { font-weight: bold; } 32 | .kt { color: #445588; font-weight: bold; } 33 | .m { color: #009999; } 34 | .s { color: #dd1144; } 35 | .n { color: #333333; } 36 | .na { color: teal; } 37 | .nb { color: #0086b3; } 38 | .nc { color: #445588; font-weight: bold; } 39 | .no { color: teal; } 40 | .ni { color: purple; } 41 | .ne { color: #990000; font-weight: bold; } 42 | .nf { color: #990000; font-weight: bold; } 43 | .nn { color: #555555; } 44 | .nt { color: navy; } 45 | .nv { color: teal; } 46 | .ow { font-weight: bold; } 47 | .w { color: #bbbbbb; } 48 | .mf { color: #009999; } 49 | .mh { color: #009999; } 50 | .mi { color: #009999; } 51 | .mo { color: #009999; } 52 | .sb { color: #dd1144; } 53 | .sc { color: #dd1144; } 54 | .sd { color: #dd1144; } 55 | .s2 { color: #dd1144; } 56 | .se { color: #dd1144; } 57 | .sh { color: #dd1144; } 58 | .si { color: #dd1144; } 59 | .sx { color: #dd1144; } 60 | .sr { color: #009926; } 61 | .s1 { color: #dd1144; } 62 | .ss { color: #990073; } 63 | .bp { color: #999999; } 64 | .vc { color: teal; } 65 | .vg { color: teal; } 66 | .vi { color: teal; } 67 | .il { color: #009999; } 68 | .gc { color: #999; background-color: #EAF2F5; } 69 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | All notable changes to this project will be documented in this file. 3 | This project adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | ### [Unreleased][unreleased] 6 | 7 | ### Added 8 | 9 | - SQLite as main database. 10 | 11 | ### Changed 12 | 13 | - `CHANGELOG.md` following [keepachangelog][keepachangelog] template. 14 | 15 | ### Removed 16 | 17 | - MongoDB Support. 18 | 19 | ## [0.2.0][0.2.0] - 2015-02-17 20 | ### Changed 21 | 22 | - Switched to Gulp, thanks [@BillCriswell](http://twitter.com/bill) 23 | 24 | ### Added 25 | 26 | - Bash support 27 | - feature to add Name to pastes 28 | - feature to avoid list the pastes in the public list (Private Option) 29 | - [Style Guide]('http://rocketb.in/style-guide') 30 | 31 | ## [0.1.4][0.1.4] - 2015-01-30 32 | 33 | ### Removed 34 | 35 | - `paste.js` 36 | 37 | ## [0.1.3][0.1.3] - 2015-01-14 38 | 39 | ### Added 40 | 41 | - Style guide added at `/style-guide` route 42 | 43 | ### Changed 44 | 45 | - Sass folder structure. 46 | - Raw data set to fixed height. 47 | 48 | ### Fixed 49 | 50 | - Bug of `.linenos` showing wrong size. 51 | 52 | ## [0.1.2][0.1.2] - 2015-01-06 53 | 54 | ### Added 55 | 56 | - Added `favicon.ico` 57 | 58 | ### Changed 59 | 60 | - Replaced Pymongo class `Connection` for `MongoClient` 61 | - `all_entries` renamed to `latest_pastes` on `pastes.py` 62 | - `pastes.html` renamted to `latest_pastes.html` 63 | 64 | ### Removed 65 | 66 | - Removed my GA and WMT verification code. 67 | 68 | ## [0.1.1][0.1.1] - 2014-12-27 69 | 70 | ### Added 71 | 72 | - MIT License. 73 | - CSS styling. 74 | 75 | ### Changed 76 | 77 | - Sorting paste by date fixed. 78 | 79 | ## [0.1.0][0.1.0] - 2014-12-17 80 | 81 | ### Added 82 | 83 | - Autocomplete for Ace.js. 84 | - Emmet mode for Ace.js. 85 | - Vim mode for Ace.js. 86 | - Emacs mode for Ace.js. 87 | 88 | ### Removed 89 | 90 | - User management. 91 | 92 | [unreleased]: https://github.com/thinkxl/rocketbin/compare/v0.2.0...HEAD 93 | [0.1.3]: https://github.com/thinkxl/rocketbin/compare/v0.1.3...v0.2.0 94 | [0.1.2]: https://github.com/thinkxl/rocketbin/compare/v0.1.2...v0.1.3 95 | [0.1.1]: https://github.com/thinkxl/rocketbin/compare/v0.1.1...v0.1.2 96 | [0.1.0]: https://github.com/thinkxl/rocketbin/compare/v0.1.0...v0.1.1 97 | [keepachangelog]: http://keepachangelog.com/ 98 | -------------------------------------------------------------------------------- /app/static/scss/.sass-cache/dbbfd7bf94f524852af3cd3b3b5e5f07bcf45594/style.scssc: -------------------------------------------------------------------------------- 1 | 3.4.3 (Selective Steve) 2 | 66f55450ee7c33b697b1cc9f5757f325f444246e 3 | o:Sass::Tree::RootNode :@children[o:Sass::Tree::ImportNode :@imported_filenameI"variables:ET;[ :@template0: 4 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i: 5 | @fileI"J/Users/thinkxl/Development/python/pastebin/app/static/scss/style.scss; T:@importero: Sass::Importers::Filesystem: 6 | @rootI"?/Users/thinkxl/Development/python/pastebin/app/static/scss; T:@real_rootI"?/Users/thinkxl/Development/python/pastebin/app/static/scss; T:@same_name_warningso:Set: 7 | @hash{ : @options{ :@imported_file0o; ;I"vendors/normalize; T;[ ; 8 | 0; i; o; ;o;; i;i;o;; i;i!;@ ;@;@;0o; ;I"vendors/hyx; T;[ ; 9 | 0; i; o; ;o;; i;i;o;; i;i;@ ;@;@;0o; ;I"typography/type; T;[ ; 10 | 0; i ; o; ;o;; i ;i;o;; i ;i ;@ ;@;@;0o; ;I"base/colors; T;[ ; 11 | 0; i 12 | ; o; ;o;; i 13 | ;i;o;; i 14 | ;i;@ ;@;@;0o; ;I"base/base; T;[ ; 15 | 0; i ; o; ;o;; i ;i;o;; i ;i;@ ;@;@;0o; ;I"base/grid; T;[ ; 16 | 0; i ; o; ;o;; i ;i;o;; i ;i;@ ;@;@;0o; ;I"base/toolbox; T;[ ; 17 | 0; i ; o; ;o;; i ;i;o;; i ;i ;@ ;@;@;0o; ;I"layout/header; T;[ ; 18 | 0; i; o; ;o;; i;i;o;; i;i ;@ ;@;@;0o; ;I"layout/main; T;[ ; 19 | 0; i; o; ;o;; i;i;o;; i;i;@ ;@;@;0o; ;I"layout/footer; T;[ ; 20 | 0; i; o; ;o;; i;i;o;; i;i ;@ ;@;@;0o; ;I"layout/comments; T;[ ; 21 | 0; i; o; ;o;; i;i;o;; i;i ;@ ;@;@;0o; ;I"ui/alerts; T;[ ; 22 | 0; i; o; ;o;; i;i;o;; i;i;@ ;@;@;0o; ;I"ui/buttons; T;[ ; 23 | 0; i; o; ;o;; i;i;o;; i;i;@ ;@;@;0o; ;I" ui/forms; T;[ ; 24 | 0; i; o; ;o;; i;i;o;; i;i;@ ;@;@;0o; ;I"ui/editor; T;[ ; 25 | 0; i; o; ;o;; i;i;o;; i;i;@ ;@;@;0; 26 | I"u@import "variables"; 27 | @import "vendors/normalize"; 28 | @import "vendors/hyx"; 29 | @import "typography/type"; 30 | @import "base/colors"; 31 | @import "base/base"; 32 | @import "base/grid"; 33 | @import "base/toolbox"; 34 | @import "layout/header"; 35 | @import "layout/main"; 36 | @import "layout/footer"; 37 | @import "layout/comments"; 38 | @import "ui/alerts"; 39 | @import "ui/buttons"; 40 | @import "ui/forms"; 41 | @import "ui/editor"; 42 | ; T; i; o; ;o;; i;i;o;; i;i;@ ;@:@has_childrenT;@ -------------------------------------------------------------------------------- /app/static/scss/.sass-cache/c34cc9ee2846093f81b5801d655097b099e358bc/footer.scssc: -------------------------------------------------------------------------------- 1 | 3.4.3 (Selective Steve) 2 | 2bb1bfe0fa415ffdbea3bafd7bb65de17bb3f042 3 | o:Sass::Tree::RootNode :@children[o: Sass::Tree::CommentNode 4 | : @value[I"/* 5 | * Footer 6 | */:ET: 7 | @type: normal;[ : 8 | @linei: @options{ o:Sass::Tree::RuleNode: 9 | @rule[I".site-footer; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o: Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: 10 | @nameI"site-footer; T; i 11 | :@filename0: @subject0: @sourceso:Set: 12 | @hash{ :@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso; ; i; i: 13 | @file0:@importer0; i 14 | ;0; i 15 | ;0:@selector_source_rangeo; ; o; ; i 16 | ; i;!o; ; i 17 | ; i;"I"N/Users/thinkxl/Development/python/pastebin/static/scss/layout/footer.scss; T;#o: Sass::Importers::Filesystem: 18 | @rootI";/Users/thinkxl/Development/python/pastebin/static/scss; T:@real_rootI";/Users/thinkxl/Development/python/pastebin/static/scss; T:@same_name_warningso;;{ : 19 | @tabsi ;[o:Sass::Tree::PropNode;[I"margin-top; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String;I"1em; T; 20 | :identifier; @ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ ;)i :@prop_syntax:new;[ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ :@name_source_rangeo; ; @1;!o; ; i ; i;"@ ;#@ :@value_source_rangeo; ; o; ; i ; i;!@2;"@ ;#@ ; @ o;*;[I" padding; T;o;+;o;,;I"1em; T; 21 | ;-; @ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ ;)i ;.;/;[ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ ;0o; ; @B;!o; ; i ; i;"@ ;#@ ;1o; ; o; ; i ; i;!@C;"@ ;#@ ; @ ; i 22 | ; o; ; @ ;!o; ; i 23 | ; i;"@ ;#@ :@has_childrenT; @ o;;[I".site-footer p; T;o;;[o;;[o; ;[o;;I"site-footer; T; i;0;0;o;;{ ; o; ; o; ; i; i;!o; ; i; i;"0;#0; i;0o; ;[o: Sass::Selector::Element ;I"p; T:@namespace0; i;0;0;o;;{ ; o; ; o; ; i; i;!o; ; i; i;"0;#0; i;0; i;0;$o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;)i ;[o;*;[I" margin; T;o;+;o;,;I"0; T; 24 | ;-; @ ; i; o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;)i ;.;/;[ ; i; o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;0o; ; @r;!o; ; i; i;"@ ;#@ ;1o; ; o; ; i; i;!@s;"@ ;#@ ; @ ; i; o; ; @d;!o; ; i; i;"@ ;#@ ;2T; @ :@templateI"m/* 25 | * Footer 26 | */ 27 | 28 | .site-footer { 29 | margin-top: 1em; 30 | padding: 1em; 31 | } 32 | 33 | .site-footer p { 34 | margin: 0; 35 | } 36 | ; T; i; o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;2T; @ -------------------------------------------------------------------------------- /app/static/scss/.sass-cache/42cf9528ef5dfd3d67823e4d89ef92017c4ccea5/footer.scssc: -------------------------------------------------------------------------------- 1 | 3.4.7 (Selective Steve) 2 | 2bb1bfe0fa415ffdbea3bafd7bb65de17bb3f042 3 | o:Sass::Tree::RootNode :@children[o: Sass::Tree::CommentNode 4 | : @value[I"/* 5 | * Footer 6 | */:ET: 7 | @type: normal;[ : 8 | @linei: @options{ o:Sass::Tree::RuleNode: 9 | @rule[I".site-footer; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o: Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: 10 | @nameI"site-footer; T; i 11 | :@filename0: @subject0: @sourceso:Set: 12 | @hash{ :@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso; ; i; i: 13 | @file0:@importer0; i 14 | ;0; i 15 | ;0:@selector_source_rangeo; ; o; ; i 16 | ; i;!o; ; i 17 | ; i;"I"V/Users/adwhiteit3/Development/Juan/python/frontbin/static/scss/layout/footer.scss; T;#o: Sass::Importers::Filesystem: 18 | @rootI"C/Users/adwhiteit3/Development/Juan/python/frontbin/static/scss; T:@real_rootI"C/Users/adwhiteit3/Development/Juan/python/frontbin/static/scss; T:@same_name_warningso;;{ : 19 | @tabsi ;[o:Sass::Tree::PropNode;[I"margin-top; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String;I"1em; T; 20 | :identifier; @ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ ;)i :@prop_syntax:new;[ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ :@name_source_rangeo; ; @1;!o; ; i ; i;"@ ;#@ :@value_source_rangeo; ; o; ; i ; i;!@2;"@ ;#@ ; @ o;*;[I" padding; T;o;+;o;,;I"1em; T; 21 | ;-; @ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ ;)i ;.;/;[ ; i ; o; ; o; ; i ; i;!o; ; i ; i;"@ ;#@ ;0o; ; @B;!o; ; i ; i;"@ ;#@ ;1o; ; o; ; i ; i;!@C;"@ ;#@ ; @ ; i 22 | ; o; ; @ ;!o; ; i 23 | ; i;"@ ;#@ :@has_childrenT; @ o;;[I".site-footer p; T;o;;[o;;[o; ;[o;;I"site-footer; T; i;0;0;o;;{ ; o; ; o; ; i; i;!o; ; i; i;"0;#0; i;0o; ;[o: Sass::Selector::Element ;I"p; T:@namespace0; i;0;0;o;;{ ; o; ; o; ; i; i;!o; ; i; i;"0;#0; i;0; i;0;$o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;)i ;[o;*;[I" margin; T;o;+;o;,;I"0; T; 24 | ;-; @ ; i; o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;)i ;.;/;[ ; i; o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;0o; ; @r;!o; ; i; i;"@ ;#@ ;1o; ; o; ; i; i;!@s;"@ ;#@ ; @ ; i; o; ; @d;!o; ; i; i;"@ ;#@ ;2T; @ :@templateI"m/* 25 | * Footer 26 | */ 27 | 28 | .site-footer { 29 | margin-top: 1em; 30 | padding: 1em; 31 | } 32 | 33 | .site-footer p { 34 | margin: 0; 35 | } 36 | ; T; i; o; ; o; ; i; i;!o; ; i; i;"@ ;#@ ;2T; @ -------------------------------------------------------------------------------- /app/templates/index.html: -------------------------------------------------------------------------------- 1 | {% extends "layout/base.html" %} 2 | 3 | {% block title %}Create a new paste{% endblock %} 4 | 5 | {% block content %} 6 |
7 |
48 |
49 | {% endblock %}
50 |
51 | {% block scripts %}
52 |
53 | {# #}
54 | {# #}
55 | {# #}
56 | {# #}
57 |
58 |
59 |
60 |
61 |
62 | {% endblock %}
63 |
--------------------------------------------------------------------------------
/app/static/scss/base/_typography.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Type.scss
3 | *
4 | * https://github.com/thinkxl/type
5 | */
6 |
7 | /* Modular Scale
8 | http://modularscale.com/scale/?px1=16&px2=18&ra1=1.618&ra2=0
9 | ----------------------
10 | 16px @ 1:1.618
11 | 18px @ 1:1.618
12 | ----------------------*/
13 |
14 | // TODO:
15 | // - Should I remove `hr`?
16 | // - If this is focused on typography, should I include table styling?
17 |
18 | /*
19 | * ## Some Tips:
20 | *
21 | * - Read http://alistapart.com/article/more-meaningful-typography to understand about modular scale
22 | * - Don’t use more than 2 fonts unless you know what you’re doing.
23 | * - Use at least 16px for a base font size.
24 | * - Don't use the darkest black (#000) available in your body text: http://ianstormtaylor.com/design-tip-never-use-black/
25 | */
26 |
27 | // Default settings
28 | $unit: 'rem' !default; // You can change it to 'em'
29 |
30 | $base: 1#{$unit} !default;
31 | $base-font-size: 16px !default;
32 | $base-margin-top: $base !default;
33 | $base-margin-bottom: $base !default;
34 | $base-line-height: 1.5 !default;
35 | $base-headings-color: $headings-color !default;
36 | $base-headings-line-height: 1.125 !default;
37 | $base-text-color: #444 !default;
38 |
39 | $code-text-color: tomato;
40 |
41 | $indented-paragraphs: false !default;
42 |
43 | /*
44 | * Base
45 | *
46 | * 1. Vertical space between lines of text, for body text 150% is a good starting point.
47 | * Use a longer line height with a wider measure and vice versa.
48 | */
49 |
50 | html {
51 | font-size: $base-font-size;
52 | line-height: $base-line-height; /* 1 */
53 | }
54 |
55 | /*
56 | * Headings
57 | *
58 | * 1. On headings use a smaller line-height than body text.
59 | */
60 |
61 | h1, h2, h3, h4, h5, h6 {
62 | margin-top: $base-margin-top;
63 | margin-bottom: 0.382#{$unit};
64 | color: $base-headings-color;
65 | line-height: $base-headings-line-height; /* 1 */
66 | text-rendering: optimizeLegibility;
67 | }
68 |
69 | h1 {
70 | font-size: 2.618#{$unit};
71 | }
72 |
73 | h2 {
74 | font-size: 1.82#{$unit};
75 | }
76 |
77 | h3 {
78 | font-size: 1.618#{$unit};
79 | }
80 |
81 | h4, h5, h6 {
82 | font-size: 1.125#{$unit};
83 | }
84 |
85 | /* Paragraph */
86 | p {
87 | margin-top: $base-margin-top;
88 | margin-bottom: $base-margin-bottom;
89 | }
90 |
91 | /* Anchor links */
92 | a {
93 | color: $link-color;
94 |
95 | &:hover {
96 | color: darken($link-color, 10%);
97 | }
98 | }
99 |
100 | /* Lists */
101 | nav ul,
102 | nav ol {
103 | list-style: none;
104 | margin-left: 0;
105 | padding-left: 0;
106 | }
107 |
108 | ul, ol, dl {
109 | margin-top: 0;
110 | margin-bottom: $base-margin-bottom;
111 | line-height: $base-line-height;
112 | }
113 |
114 | li > ul,
115 | li > ol {
116 | margin-bottom: 0;
117 | }
118 |
119 | /* Better styled `` */ 120 | hr { 121 | position: relative; 122 | margin: 1.5#{$unit} 0; 123 | border: 0; 124 | border-top: 1px solid #eee; 125 | border-bottom: 1px solid #fff; 126 | } 127 | 128 | /* Quotes */ 129 | blockquote { 130 | padding-right: 5#{$unit}; 131 | padding-left: 1.25#{$unit}; 132 | margin: 1#{$unit} 0; 133 | border-left: .25#{$unit} solid lighten($base-text-color, 65%); 134 | } 135 | 136 | blockquote p:last-child { 137 | margin-bottom: 0; 138 | } 139 | -------------------------------------------------------------------------------- /app/views/paste.py: -------------------------------------------------------------------------------- 1 | import os 2 | from datetime import datetime 3 | from flask import Flask, request, render_template, redirect, url_for, Blueprint, \ 4 | abort 5 | import jinja2 6 | import json 7 | import arrow 8 | from pygments import highlight 9 | from pygments.lexers import get_lexer_by_name 10 | from pygments.formatters import HtmlFormatter 11 | from app import db 12 | from app.utils import gen_new_id, SUPPORTED_LANGUAGES 13 | from app.database import pastes 14 | from app.models import Paste 15 | 16 | mod = Blueprint('paste', __name__) 17 | 18 | def datetimeformat(value): 19 | past = arrow.get(value) 20 | return past.humanize() 21 | 22 | # jinja_env = Environment() 23 | # jinja_env.filters['datetimeformat'] = datetimeformat 24 | jinja2.filters.FILTERS['datetimeformat'] = datetimeformat 25 | 26 | @mod.route('/paste/save', methods=['POST']) 27 | def save_paste(): 28 | if request.method == 'POST' and request.form['lang'] in SUPPORTED_LANGUAGES: 29 | if Paste.query.all(): 30 | _id = gen_new_id(len(Paste.query.all()) + 1) 31 | else: 32 | _id = gen_new_id(1) 33 | 34 | # pastes.insert({ 35 | # '_id': _id, 36 | # 'code': request.form['code'], 37 | 38 | # # In the front-end 'Bash' needs to be called 'sh' because Ace.js need it 39 | # # that way, so we change it to 'Bash' here to avoid conflicts 40 | # 'lang': 'Bash' if request.form['lang'] == 'sh' else request.form['lang'], 41 | # 'theme': request.form['theme'], 42 | # 'title': request.form['title'], 43 | # 'private': request.form['private'], 44 | # 'created_at': datetime.utcnow() 45 | # }) 46 | 47 | 48 | # _id, title, private, code, lang, theme, created_at 49 | 50 | # SQLAlchemy 51 | paste = Paste(_id, request.form['title'], request.form['private'], 52 | request.form['code'], request.form['lang'], 'github', 53 | datetime.utcnow()) 54 | 55 | db.session.add(paste) 56 | db.session.commit() 57 | 58 | return json.dumps({'status': 'success', '_id': _id}) 59 | else: 60 | abort(403) 61 | 62 | @mod.route('/paste/
21 |
22 |
24 |
38 |
25 | {# 
#}
26 |
28 |
29 | Rocketbin
27 |
30 |
36 |
37 |
41 |
47 |
48 |
42 |
46 |
43 | {% block content %}{% endblock %}
44 |
45 |
49 |
50 |
51 |
62 |
63 | {% block scripts %}{% endblock %}
64 |
72 |
73 |
74 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Rocketbin v0.2.0
2 | ========
3 |
4 | Rocketbin is a very easy to use [Pastebin](http://pastebin.com/) clone.
5 |
6 | You can share code snippets right away, just write code, submit and share the link.
7 |
8 | Supported languages:
9 |
10 | - HTML
11 | - CSS
12 | - Sass
13 | - Less
14 | - JavaScript
15 | - CoffeeScript
16 | - Python
17 | - Ruby
18 | - PHP
19 |
20 | Rocketbin is powered by [Flask](http://flask.pocoo.org/), [MongoDB](http://www.mongodb.org/), [Sass](http://sass-lang.com/), [jQuery](http://jquery.com/), & [Ace](http://ace.c9.io/).
21 |
22 | Installation
23 | ------------
24 |
25 | Prerequisites:
26 | - Python 2.7 or Python 3.3
27 | - [pip](https://pip.pypa.io/en/latest/installing.html)
28 | - [virtualenv](https://virtualenv.pypa.io/en/latest/)
29 | - [MongoDB](http://www.mongodb.org/) server running
30 |
31 | ```bash
32 | # First you need to clone the project
33 | $ git clone https://github.com/thinkxl/rocketbin.git
34 | $ cd rocketbin
35 | # Create a virtual enviroment
36 | $ virtualenv venv
37 | # Activate the enviroment
38 | $ . venv/bin/activate
39 | # Install all dependencies with pip
40 | $ pip install -r requirements.txt
41 | # Rename `config.example.py` to `config.py`
42 | $ mv config.example.py config.py
43 | # Edit settings inside `config.py` file with your favorite editor
44 | $ nano config.py
45 | ```
46 |
47 | After `nano config.py` you will see something like this:
48 |
49 | ```python
50 | import os
51 |
52 | DEBUG=True
53 | SECRET_KEY=os.getenv('SECRET_KEY', 'Style Guide
7 | 8 |
10 |
13 | 14 |
57 | Grid System
11 | 12 |13 | 14 |
15 |
19 |
20 |
16 |
18 | .col-1-1
17 |
21 |
29 |
30 |
22 |
24 |
25 | .col-1-2
23 |
26 |
28 | .col-1-2
27 |
31 |
41 |
42 |
32 |
34 | .col-1-3
33 |
35 |
37 | .col-1-3
36 |
38 |
40 | .col-1-3
39 |
43 |
56 |
44 |
46 | .col-1-4
45 |
47 |
49 | .col-1-4
48 |
50 |
52 | .col-1-4
51 |
53 |
55 | .col-1-4
54 |
61 |
64 | 65 |
108 | Typography
62 | 63 |64 | 65 |
66 |
79 |
80 |
67 |
72 |
73 | Heading 1
68 |Heading 2
69 |Heading 3
70 |Heading 4
71 |
74 |
78 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
75 | 76 |Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
81 |
101 |
102 |
82 |
90 |
91 | -
83 |
- Item 1 84 |
- Item 2 85 |
- Item 3 86 |
- Item 4 87 |
- Item 5 88 |
92 |
100 | -
93 |
- Item 1 94 |
- Item 2 95 |
- Item 3 96 |
- Item 4 97 |
- Item 5 98 |
103 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. 104 | 105 | 106 |107 |
112 |
115 | 116 |
143 | Buttons
113 | 114 |115 | 116 |
117 |
141 |
142 |
118 |
123 |
124 | Button styles
119 | 120 | 121 | 122 |
125 |
131 |
132 | Button sizes
126 | 127 | 128 | 129 | 130 |
133 |
140 | HTML elements
134 | 135 | 136 | 137 | 138 | 139 |
147 |
150 | 151 |
299 | Forms
148 | 149 |150 | 151 |
152 |
198 |
199 |
153 |
174 |
175 |
176 |
177 |
196 |
197 |
200 |
298 |
201 |
204 | 205 | 229 |
230 |
231 | Sign-in
202 | 203 |204 | 205 | 229 |
232 |
235 | 236 | 260 |
261 |
262 | Sign-up
233 | 234 |235 | 236 | 260 |
263 |
266 | 267 | 296 |
297 | Sign-up
264 | 265 |266 | 267 | 296 |
Feedback
303 | 304 |305 | 306 |
307 |
331 |
308 |
318 |
319 |
309 |
312 |
313 | Information
310 |This is the body of the message!
311 |
314 |
317 | Error
315 |This is the body of the message!
316 |
320 |
330 |
321 |
324 |
325 | Warning
322 |This is the body of the message!
323 |
326 |
329 | Success
327 |This is the body of the message!
328 |` */ 439 | hr { 440 | position: relative; 441 | margin: 1.5rem 0; 442 | border: 0; 443 | border-top: 1px solid #eee; 444 | border-bottom: 1px solid #fff; } 445 | 446 | /* Quotes */ 447 | blockquote { 448 | padding-right: 5rem; 449 | padding-left: 1.25rem; 450 | margin: 1rem 0; 451 | border-left: .25rem solid #eaeaea; } 452 | 453 | blockquote p:last-child { 454 | margin-bottom: 0; } 455 | 456 | html { 457 | box-sizing: border-box; 458 | background-color: #eee; } 459 | 460 | *, *:before, *:after { 461 | box-sizing: inherit; } 462 | 463 | body { 464 | font-family: 'Droid Sans', sans-serif; 465 | background-color: #eee; 466 | color: #333; 467 | text-rendering: optimizeLegibility; 468 | -webkit-font-smoothing: antialiased; } 469 | 470 | pre, code, .ace_editor { 471 | font-family: 'Source Code Pro', 'source-code-pro', monospace !important; 472 | font-size: 13px !important; 473 | -webkit-font-smoothing: auto; 474 | /* line-height: 1; */ } 475 | 476 | h1, h2, h3, h4, h5 { 477 | font-family: 'Source Sans Pro', sans-serif; 478 | color: #333; } 479 | 480 | /* Text that is inside the `.app` class, because the green background */ 481 | .app { 482 | color: #fff; } 483 | .app h1, .app h2, .app h3, .app h4 { 484 | color: #173831; } 485 | 486 | /* 487 | * Components 488 | */ 489 | /* Alerts */ 490 | [class^="alert-"] { 491 | border: 1px solid; 492 | border-bottom-width: 3px; 493 | border-radius: 4px; 494 | margin: 1em 0; 495 | padding: 1.125em; } 496 | [class^="alert-"] p { 497 | margin: 0; } 498 | 499 | .alert-information { 500 | border-color: #bddcee; 501 | color: #1e5575; 502 | background-color: #fafcfe; } 503 | .alert-information strong { 504 | color: #439ccf; } 505 | 506 | .alert-error { 507 | border-color: #f6a79f; 508 | color: #72140a; 509 | background-color: #fde7e5; } 510 | .alert-error strong { 511 | color: #e72915; } 512 | 513 | .alert-warning { 514 | border-color: #ffa76d; 515 | color: #532100; 516 | background-color: #ffd5ba; } 517 | .alert-warning strong { 518 | color: #d35400; } 519 | 520 | .alert-success { 521 | border-color: #bedf91; 522 | color: #2f4414; 523 | background-color: #e1f0cc; } 524 | .alert-success strong { 525 | color: #74a730; } 526 | 527 | /* Buttons */ 528 | button, a.btn-default, a.btn-ghost, a.btn-small, a.btn-large, .btn-default, .btn-ghost, .btn-small, .btn-large { 529 | display: inline-block; 530 | padding: 0.418em 1em; 531 | border: 0; 532 | border-radius: 0.236rem; 533 | color: #fff; 534 | text-decoration: none; 535 | font-family: inherit; 536 | font-weight: 400; 537 | line-height: 1; 538 | cursor: pointer; } 539 | button:focus, .btn-default:focus, .btn-ghost:focus, .btn-small:focus, .btn-large:focus { 540 | outline: none; } 541 | 542 | button, a.btn-default, a.btn-ghost, a.btn-small, a.btn-large, .btn-default, .btn-ghost, .btn-small, .btn-large { 543 | color: #fff; 544 | background-color: #3498db; 545 | color: white; } 546 | button:hover, a.btn-default:hover, a.btn-ghost:hover, a.btn-small:hover, a.btn-large:hover, .btn-default:hover, .btn-ghost:hover, .btn-small:hover, .btn-large:hover { 547 | background-color: #2386c8; 548 | color: white; } 549 | button:active, a.btn-default:active, a.btn-ghost:active, a.btn-small:active, a.btn-large:active, .btn-default:active, .btn-ghost:active, .btn-small:active, .btn-large:active { 550 | background-color: #2791d9; } 551 | 552 | .btn-ghost { 553 | background-color: transparent; 554 | color: #fff; 555 | border: 3px solid #fff; 556 | opacity: 0.8; } 557 | .btn-ghost:hover { 558 | background-color: transparent; 559 | color: #fff; } 560 | .btn-ghost:active { 561 | background-color: transparent; } 562 | .btn-ghost:hover { 563 | opacity: 1; } 564 | 565 | .btn-small { 566 | font-size: 0.818rem; } 567 | 568 | .btn-large { 569 | font-size: 1.318rem; } 570 | 571 | .form .field-group input:not([class^="btn"]), .form .field-group textarea { 572 | border: none; 573 | border-radius: 4px; } 574 | 575 | /* Forms */ 576 | .form { 577 | background-color: #eee; 578 | color: #666666; 579 | border-radius: 4px; } 580 | .form .field-group { 581 | margin-bottom: 1em; } 582 | .form .field-group:last-child { 583 | margin-bottom: 0; } 584 | .form .field-group .label-text, .form .field-group .label-radio, .form .field-group .label-checkbox { 585 | font-weight: bold; } 586 | .form .field-group .label-text { 587 | display: block; } 588 | .form .field-group .label-radio, .form .field-group .label-checkbox { 589 | display: inline-block; } 590 | .form .field-group input[type="text"], .form .field-group input[type="password"], .form .field-group input[type="number"], .form .field-group textarea { 591 | width: 100%; } 592 | .form .field-group input:not([class^="btn"]), .form .field-group textarea { 593 | padding: 0.618em; 594 | color: #4d4d4d; } 595 | .form .field-group input:not([class^="btn"]):focus, .form .field-group input:not([class^="btn"]):hover, .form .field-group textarea:focus, .form .field-group textarea:hover { 596 | border-color: #a6a6a6; 597 | outline: none; } 598 | .form .field-group input:not([class^="btn"]).field-fw, .form .field-group textarea.field-fw { 599 | width: 100%; } 600 | .form .field-group .help { 601 | font-size: 0.718em; 602 | margin: 0.618em 0 0; } 603 | .form .field-group .form-help { 604 | margin-top: 0.618em; 605 | color: #595959; 606 | font-size: 0.818em; 607 | font-style: italic; } 608 | .form .field-error label, .form .field-error .help, .form .field-error input { 609 | color: brown; 610 | border-color: #ebb0b0 !important; } 611 | .form .required { 612 | color: brown; } 613 | .form fieldset { 614 | margin-bottom: 1em; 615 | padding: 1em; 616 | border: none; } 617 | .form fieldset legend { 618 | padding: 0 0.618em; 619 | font-weight: bold; } 620 | .form fieldset p:last-child { 621 | margin-bottom: 0; } 622 | 623 | /* Editor */ 624 | .code-result, #editor { 625 | border-radius: 4px !important; 626 | border: 8px solid #ccc; } 627 | 628 | .linenos-dark { 629 | color: #8f908a; 630 | background-color: #2F3129; } 631 | 632 | .highlighttable-dark > tbody { 633 | background-color: #272822; } 634 | 635 | .linenos-light, .linenos { 636 | color: #aaa; 637 | background-color: #E8E8E8; } 638 | 639 | .highlighttable-light, .highlighttable { 640 | color: #333; } 641 | .highlighttable-light > tbody, .highlighttable > tbody { 642 | background-color: #fff; } 643 | 644 | .code-raw-textarea-light, .code-raw-textarea { 645 | color: #333; } 646 | 647 | .code-raw { 648 | width: 100%; } 649 | 650 | .code-raw-textarea { 651 | padding: 0.618em; 652 | width: 100%; 653 | height: 20em; 654 | font-family: 'Source Code Pro', monospace; 655 | font-size: 13px; 656 | background-color: #fff; 657 | border-radius: 4px; 658 | border: none; } 659 | .code-raw-textarea:focus { 660 | outline: none; } 661 | 662 | .code-result { 663 | width: 100%; 664 | height: auto; 665 | overflow: auto; } 666 | .code-result > table { 667 | border-collapse: inherit !important; } 668 | 669 | .highlighttable { 670 | border-radius: 4px; } 671 | 672 | .linenos { 673 | width: 2em; 674 | min-width: 2em; 675 | text-align: center; } 676 | 677 | .code { 678 | padding-left: 5px; } 679 | 680 | /* Soon */ 681 | /* 682 | * Layouts 683 | */ 684 | [class^="col-"]:first-child { 685 | margin-left: 0; } 686 | 687 | .col-1-1 { 688 | float: left; 689 | width: 100%; 690 | margin-left: 0; } 691 | 692 | .col-1-2 { 693 | float: left; 694 | width: 49%; 695 | margin-left: 2%; } 696 | 697 | .col-1-3 { 698 | float: left; 699 | width: 32%; 700 | margin-left: 2%; } 701 | 702 | .col-1-4 { 703 | float: left; 704 | width: 23.5%; 705 | margin-left: 2%; } 706 | 707 | /* Header */ 708 | .site-title, .site-logo { 709 | display: inline-block; } 710 | 711 | .page-title { 712 | margin: 1.618em auto; 713 | text-align: center; } 714 | 715 | .site-logo { 716 | width: 2em; 717 | display: inline-block; } 718 | 719 | .masthead { 720 | display: table; 721 | width: 100%; 722 | border-top: 4px solid #e74c3c; 723 | background-color: #fff; } 724 | 725 | .heading { 726 | color: #265c50; } 727 | 728 | /* Navigation */ 729 | .main-nav { 730 | margin-bottom: 0; 731 | display: table; 732 | width: 100%; } 733 | 734 | .main-nav-el { 735 | float: left; 736 | margin-right: 0.618em; } 737 | 738 | /* Main layout */ 739 | .container { 740 | margin: 0 auto; 741 | width: 45em; } 742 | 743 | .section { 744 | margin-bottom: 1em; 745 | padding-top: 1em; 746 | padding-bottom: 1em; } 747 | .section:last-child { 748 | margin-top: 0; } 749 | 750 | /* App */ 751 | .app { 752 | padding-bottom: 4em; 753 | background-color: #5FBCA8; 754 | color: #fff; } 755 | .app hr { 756 | border-color: #71c4b2; } 757 | 758 | /* Editor */ 759 | #editor { 760 | margin-bottom: 1em; 761 | width: 100%; 762 | height: 40em; } 763 | 764 | /* Options */ 765 | [class^="option-"] { 766 | display: inline-block; 767 | margin-right: 1em; } 768 | [class^="option-"] input, [class^="option-"] select { 769 | color: #333; } 770 | [class^="option-"]:last-child { 771 | margin-right: 0; } 772 | 773 | /* Paste title */ 774 | .option-title { 775 | display: block; 776 | margin: 1em 0; } 777 | .option-title input { 778 | width: 100%; 779 | padding: 0.618em; 780 | color: #333; 781 | outline: none; 782 | border: 6px solid #CCCCCC; 783 | border-radius: 4px; } 784 | 785 | /* Footer */ 786 | .tilt-container { 787 | top: -2em; 788 | left: -5px; 789 | position: relative; 790 | display: block; 791 | height: 3em; 792 | background-color: #eee; 793 | -webkit-transform: rotate(2deg); 794 | -ms-transform: rotate(2deg); 795 | transform: rotate(2deg); 796 | box-shadow: 0 -10px 0 0 #eee; } 797 | 798 | .site-footer { 799 | position: relative; 800 | top: -2em; 801 | background-color: #eee; } 802 | .site-footer p { 803 | margin: 0; 804 | color: #999; } 805 | .site-footer a { 806 | color: #555; } 807 | 808 | .site-footer { 809 | position: relative; 810 | text-align: right; } 811 | 812 | .footer-logo { 813 | position: absolute; 814 | top: -1em; 815 | left: 3em; 816 | width: 5em; 817 | background-color: #fff; 818 | border-radius: 50%; 819 | border: 1px solid #ccc; } 820 | 821 | /* 822 | * Pages 823 | */ 824 | /* Style guide page */ 825 | .demo-col { 826 | margin-top: 0.618em; 827 | padding: 0.618em 0; 828 | display: block; 829 | text-align: center; 830 | background-color: #388776; 831 | border-radius: 3px; } 832 | 833 | section { 834 | margin-bottom: 6em; } 835 | 836 | /* Code Results */ 837 | .code-result { 838 | width: 120%; 839 | margin-left: -10%; } 840 | 841 | .code-raw-textarea { 842 | height: 24em; } 843 | 844 | .code-raw-textarea { 845 | resize: none; } 846 | 847 | /* Pastes list */ 848 | .pastes-list { 849 | margin-left: 0; 850 | padding-left: 0; 851 | list-style: none; } 852 | 853 | .paste-list-el .paste-link { 854 | margin-right: 0.618em; 855 | font-family: 'Source Code Pro', monospace; } 856 | 857 | /* Pygments layout */ 858 | .highlighttable { 859 | width: 100%; } 860 | 861 | 862 | /*# sourceMappingURL=maps/style.css.map */ --------------------------------------------------------------------------------