diff --git a/tetawebapp/static/styles/tetawebapp.css b/tetawebapp/static/styles/tetawebapp.css index d8f98fc..7dd111e 100644 --- a/tetawebapp/static/styles/tetawebapp.css +++ b/tetawebapp/static/styles/tetawebapp.css @@ -182,3 +182,7 @@ input[type="image"]:hover { background-color: var(--coloured-bg); cursor: pointer; } + +strong { + cursor: pointer; +} diff --git a/tetawebapp/templates/articles.html b/tetawebapp/templates/articles.html new file mode 100644 index 0000000..68d51de --- /dev/null +++ b/tetawebapp/templates/articles.html @@ -0,0 +1,64 @@ +{% extends "index.html" %} + {% block main %} +
+

This is the title

+ dummy pic +

+ Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore +

+

This link will lead to an error page

+

+ et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut + aliquip ex ea commodo consequat. 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 desers unt mollit anim id est laborum. +

+ +
    +
  1. plop
    2. +
  2. plap
    3. +
  3. plip
    4. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. +

+
+
+

The title is back again and is angry

+ dummy pic +

+ Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. +

+
+ {% endblock %} diff --git a/tetawebapp/templates/basics.html b/tetawebapp/templates/basics.html new file mode 100644 index 0000000..9fe61c9 --- /dev/null +++ b/tetawebapp/templates/basics.html @@ -0,0 +1,54 @@ +{% extends "index.html" %} + {% block main %} +
+

Basics

+

+ Thanks to Python/Flask with TetaWebApp most of the output things come to life via + Jinja2 HTML templates + and is 100% HTML5 ready©. +

+

+ Colors and fonts are managed from a separated CSS files letting you easily + change the default theme to your favorite colors and icon set. +

+ 
+@font-face {
+	font-family: "Roboto Condensed";
+	font-style: normal;
+	font-weight: 400;
+	src: var(--font-normal);
+}
+
+@font-face {
+	font-family: "Roboto Condensed";
+	font-style: normal;
+	font-weight: 700;
+	src: var(--font-bold);
+}
+
+ 
+:root {
+    --coloured-bg: #FF5D00;
+    --light-coloured-bg: #FFB387;
+    --clear-bg: #E5E5E5;
+    --mid-bg: #BBBBBB;
+    --dark-bg: #2B2B2B;
+    --dark-border: #888888;
+    --text-color: #555555;
+    --white: #FFFFFF;
+    --black: #000000;
+    --font-normal: url("/static/fonts/RobotoCondensed-Regular.ttf") format("truetype");
+    --font-bold: url("/static/fonts/RobotoCondensed-Bold.ttf") format("truetype");
+    --banner-logo: url(/static/images/logo.png);
+    --add_icon: url(/static/images/add.png);
+    --edit_icon: url(/static/images/edit.png);
+    --login_icon: url(/static/images/login.png);
+    --logout_icon: url(/static/images/logout.png);
+    --refresh_icon: url(/static/images/refresh.png);
+    --save_icon: url(/static/images/save.png);
+    --search_icon: url(/static/images/search.png);
+    --trash_icon: url(/static/images/trash.png);
+}
+
+
+ {% endblock %} diff --git a/tetawebapp/templates/database.html b/tetawebapp/templates/database.html new file mode 100644 index 0000000..0b6198f --- /dev/null +++ b/tetawebapp/templates/database.html @@ -0,0 +1,11 @@ +{% extends "index.html" %} + {% block main %} +
+

Accessing database

+

+ Even if using Flask-SQLAlchemy to retrieve data + stored in Postgres databases is the recommended way to use TetaWebApp, + you're free to use the database connector that suit your need. +

+
+ {% endblock %} diff --git a/tetawebapp/templates/index.html b/tetawebapp/templates/index.html index a07ecb8..eee972b 100644 --- a/tetawebapp/templates/index.html +++ b/tetawebapp/templates/index.html @@ -30,100 +30,28 @@
{% block main %}
-

Le putain de titre

- dummy pic +

TetaWebApp demo

- Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore -

-

This link may lead to an error page

-

- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. 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. + Welcome to the TetaWebApp demo

- Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. -

-
-
-

Le putain de titre 2

- dummy pic -

- Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore + TetaWebApp is a basic web application template based on Python/Flask made by Tetalab.

- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. 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. + The goal of this project is to provide a canvas to make any web application you need.

- Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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. + You can virtually do any app you want with TetaWebApp. +

+

+ But be sure that you still need work to make it work ;-) +

+

+ Get a copy of TetaWebApp:
+ 

+git clone git://tetalab.org/tetalab/tetawebapp
+

-
-
-

Inputs demo

- -
    -
  1. plop
    2. -
  2. plap
    3. -
  3. plip
    4. -
- - -
- -
- - -
- -
- - - - - - - - -
- 
-#!/bin/sh
-# This is code sample
-while [ 1 ]
-do
-  echo "Tits or GTFO !"
-  sleep .1
-done
-
{% endblock %}
diff --git a/tetawebapp/templates/inputs.html b/tetawebapp/templates/inputs.html new file mode 100644 index 0000000..7eaeed5 --- /dev/null +++ b/tetawebapp/templates/inputs.html @@ -0,0 +1,41 @@ +{% extends "index.html" %} + {% block main %} +
+

The input collection

+

+ Have a look to the input collection: +

+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ 
+#!/bin/sh
+# This is code sample
+while [ 1 ]
+do
+  echo "Tits or GTFO !"
+  sleep .1
+done
+
+
+ {% endblock %} diff --git a/tetawebapp/templates/todo.html b/tetawebapp/templates/todo.html new file mode 100644 index 0000000..d1635ac --- /dev/null +++ b/tetawebapp/templates/todo.html @@ -0,0 +1,11 @@ +{% extends "index.html" %} + {% block main %} +
+

TODO list

+ +
+ {% endblock %} diff --git a/tetawebapp/tetawebapp.py b/tetawebapp/tetawebapp.py index d2efb98..15a650a 100755 --- a/tetawebapp/tetawebapp.py +++ b/tetawebapp/tetawebapp.py @@ -24,16 +24,6 @@ app.secret_key = 'ce1d1c9ff0ff388a838b3a1e3207dd27' # Feel free to use SQLAlchemy (or not) db = SQLAlchemy(app) -app.menu = [('accueil', '/plap.html', 0), - ('Motherfuckisme', '/plap.html', 1 ), - ('We make porn', '/plap.html', 0 ), - ('mes couilles sur la comode3', '/plap.html', 0 ), - ('mes couilles sur la comode4', '/plap.html', 0 ), - ('mes couilles sur la comode5', '/plap.html', 0 ), - ('mes couilles sur la comode6', '/plap.html', 0 ), - ('mes couilles sur la comode7', '/plap.html', 0 ) - ] - ######################################################################## # Routes ######################################################################## @@ -45,9 +35,72 @@ def page_not_found(e): @app.route("/", methods=['GET', 'POST']) def index(): + app.menu = [('Accueil', '/', 1), + ('Articles', '/articles', 0), + ('Basics', '/basics', 0), + ('Inputs', '/inputs', 0), + ('Database', '/database', 0), + ('Todo', '/todo', 0), + ] return render_template('index.html', menu=app.menu) - +@app.route("/articles", methods=['GET', 'POST']) +def articles(): + app.menu = [('Accueil', '/', 0), + ('Articles', '/articles', 1), + ('Basics', '/basics', 0), + ('Inputs', '/inputs', 0), + ('Database', '/database', 0), + ('Todo', '/todo', 0), + ] + return render_template('articles.html', menu=app.menu) + +@app.route("/basics", methods=['GET', 'POST']) +def basics(): + app.menu = [('Accueil', '/', 0), + ('Articles', '/articles', 0), + ('Basics', '/basics', 1), + ('Inputs', '/inputs', 0), + ('Database', '/database', 0), + ('Todo', '/todo', 0), + ] + return render_template('basics.html', menu=app.menu) + + +@app.route("/inputs", methods=['GET', 'POST']) +def inputs(): + app.menu = [('Accueil', '/', 0), + ('Articles', '/articles', 0), + ('Basics', '/basics', 0), + ('Inputs', '/inputs', 1), + ('Database', '/database', 0), + ('Todo', '/todo', 0), + ] + return render_template('inputs.html', menu=app.menu) + +@app.route("/database", methods=['GET', 'POST']) +def database(): + app.menu = [('Accueil', '/', 0), + ('Articles', '/articles', 0), + ('Basics', '/basics', 0), + ('Inputs', '/inputs', 0), + ('Database', '/database', 1), + ('Todo', '/todo', 0), + ] + return render_template('database.html', menu=app.menu) + +@app.route("/todo", methods=['GET', 'POST']) +def todo(): + app.menu = [('Accueil', '/', 0), + ('Articles', '/articles', 0), + ('Basics', '/basics', 0), + ('Inputs', '/inputs', 0), + ('Database', '/database', 0), + ('Todo', '/todo', 1), + ] + return render_template('todo.html', menu=app.menu) + + ######################################################################## # Main