Skip to content

Commit

Permalink
Mise en place d'un premier vrai style de vrai site pour vrais.
Browse files Browse the repository at this point in the history
  • Loading branch information
U-RE\RedEye authored and U-RE\RedEye committed Feb 1, 2009
1 parent 587ffe0 commit 7d06b9e
Show file tree
Hide file tree
Showing 4 changed files with 209 additions and 102 deletions.
4 changes: 2 additions & 2 deletions app.yaml
View file
@@ -1,7 +1,7 @@
application: pintme
version: 1
version: 4
runtime: python
api_version: 1
api_version: 2

handlers:
- url: /stylesheets
Expand Down
157 changes: 96 additions & 61 deletions index.html
View file
@@ -1,70 +1,105 @@
<html>
<head>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<title>{{ random_title }}</title>
<title>Pint</title>
</head>
<body>
{% if is_admin %}
<div id="admin">
<ul>
<li><a href="http://appengine.google.com/datastore/explorer?&app_id=pintme">Data Viewer</a></li>
<li><a href="http://appengine.google.com/dashboard?&app_id=pintme">Dashboard</a></li>
<li><a href="http://appengine.google.com/adminlogs?&app_id=pintme">Admin Logs</a></li>
</ul>
</div>
{% endif %}

<div id="header">
<b>P</b>int <b>I</b>s <b>N</b>ot <b>T</b>witter...<a href="{{ url }}">{{ url_linktext }}</a>
<br>
<h4>{{ random_title }}</h4>
</div>


{% if not anon %}
<div class="sysmessage">
Share and Enjoy!
</div>

{% if unknown_user %}
<form action="/register" method="post" class="composer">
<div id="unknown_user">New? Enter a nickname...
<input name="nickname" type="text" name="nickname" value="Nickname">
<input type="submit" value="ok">
<body>
<div id="mainbox">
<div id="header">
<a href="{{ url }}" class="loglink">{{ url_linktext }}</a>
<h1>{{ random_title }}</h1>
<cite>&#8220;Share and share alike.&#8221;</cite>
</div>
<div id="rightnav">
{% if not anon %}
<div class="navbox">
<div class="title">
<h3>Hi!</h3>
</div>
<div class="content">
<p>Share and Enjoy!</p>
</div>
</div>
</form>
{% else %}
<form action="/post" method="post" class="composer">
<div>
Your message :
<textarea name="content" rows="3" cols="40"></textarea>
<input type="submit" value="Send">
</div>
</form>
{% endif %}

{% else %}
<div class="sysmessage">
Share and Enjoy!
<br/>
(Login to start :)
</div>
{% endif %}

{% for message in messages %}
<div class="message">
<blockquote>
<p>{{ message.content|escape }}</p>
</blockquote>
<cite class="{% cycle left,right %}">
{% for author in authors %}
{% ifequal message.author author.user %}
<b>{{ author.nickname }}</b>
{% endifequal %}
{% if is_admin %}
<div class="navbox">
<div class="title">
<h3>Admin</h3>
</div>
<div class="content">
<ul>
<li><a href="http://appengine.google.com/datastore/explorer?&app_id=pintme">Data Viewer</a></li>
<li><a href="http://appengine.google.com/dashboard?&app_id=pintme">Dashboard</a></li>
<li><a href="http://appengine.google.com/adminlogs?&app_id=pintme">Admin Logs</a></li>
</ul>
</div>
</div>
{% endif %}
{% else %}
<div class="navbox">
<div class="title">
<h3>Hi!</h3>
</div>
<div class="content">
<p>Share and Enjoy!</p>
<p>(Login to start :)</p>
</div>
</div>
{% endif %}
<div class="navbox">
<div class="title">
<h3>Info</h3>
</div>
<div class="content">
<p>Information! Yay!</p>
</div>
</div>
</div>
<div id="maincontent">
<ul id="tabmenu">
<li><a href="http://pintme.appspot.com" id="current">Pints</a></li>
<li><a href="http://pintme.appspot.com">Another</a></li>
<li><a href="http://pintme.appspot.com">few</a></li>
<li><a href="http://pintme.appspot.com">tags!</a></li>
</ul>
{% if not anon %}
{% if unknown_user %}
<form action="/register" method="post" class="composer">
<div id="unknown_user">New? Enter a nickname...
<input name="nickname" type="text" name="nickname" value="Nickname">
<input type="submit" value="ok">
</div>
</form>
{% else %}
<form action="/post" method="post" class="composer">
<div>
Your message :
<textarea name="content" rows="3" cols="40"></textarea>
<input type="submit" value="Send">
</div>
</form>
{% endif %}
{% endif %}

{% for message in messages %}
<div class="message">
<blockquote>
<p>{{ message.content|escape }}</p>
</blockquote>
<cite class="{% cycle left,right %}">
{% for author in authors %}
{% ifequal message.author author.user %}
<b>{{ author.nickname }}</b>
{% endifequal %}
{% endfor %}
</cite>
</div>
{% endfor %}
</cite>
</div>
{% endfor %}
</div>
<ul id="footer">
<li>&copy; 2009</li>
<li><a href="/about">About</a></li>
</ul>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
Expand Down
2 changes: 1 addition & 1 deletion main.py
View file
Expand Up @@ -61,7 +61,7 @@ def get(self):
is_admin = users.is_current_user_admin()

# Choose a random title
titles = ('PintSpot', 'Pinted', 'PintMe', 'PintSoft', 'PintHard', 'PintSM', 'Pintware', 'PintBDSM', 'PintBSD', 'PintLSD', 'Pintou (or ubuntu)', 'Pintubuntu', 'iPint', 'youPint', 'Google Pint', 'PintPlease', 'PintSorry', 'PintWelcomed', 'PintAgain', 'Pintguin', 'JustOnePint', 'JustAnotherPint', 'OneMorePint', 'Bier&Pint', 'PintOfVodka', 'Pintade', 'Pintaid', 'PintADD', 'PintINC', 'Pintagramme', 'Pint-A-Gramme', 'Pint-A-Kilo', 'Pound-A-Pint', 'FishPint', 'PintSized', 'MysticPint', 'SuperPint', 'HyperPint', 'QuanticPint', 'QuantumOfPint', 'ElectroPint', 'RoyalPint', 'RepublicanPint', 'YesWeCan...Pint', 'WhatTheFucking...Pint', 'IVotedForPint', 'WhatSThePint', 'PintAday', 'PintIsMine', 'myPint!', 'PintBook', 'PintBook-Air', 'less Air, more Pint', 'ApplePint', 'WebPint', 'Command+Pint', 'Ctrl+Meta+Alt+Pint', ':pint', '3ClickPint', 'BlackPint', 'Pintsh', 'Pint (Pint Is Not Twilight)', 'tinP', 'tniP', 'TonightPint', 'CoffeePint', 'BreakfastPint', 'BaconPint', 'PintPause', 'Pint-nic', 'PintAddress', 'PintPhone', 'MultiPint', 'SimplePint...', 'FourFingersPint', 'StartPint', 'StopPint', 'pINT', 'pINTEGER', 'FloatOrPint', 'PintPointer', 'MasterPinter', 'LicensePinter', 'GNUPint', 'Pintix', 'Pintux', 'Pintium', 'PintOS', 'ThanksForThePint', 'LordOfThePint', 'PissPint', 'Pint8', '666 Number Of The Pint', 'BugPint', 'BlueScreenOfPint', 'PintPanic', 'PintOSleep', 'Pintcraft', 'WarPint', 'PintOfDead', 'PintsOfTheCaribeans', 'TheLastPint', 'Pint:Revolution', 'Pint:Resurrection', 'EvilPint', 'TheIncrediblePint ', 'XPint ', 'YPint', 'WhyPint', 'InexhaustiblePint', 'SauronSPint', 'SleepyPint', 'NeverSleepPint', 'PintWars', 'P1N7')
titles = ('<a>PINT</a>Spot', '<a>PINT</a>ed', '<a>PINT</a>Me', '<a>PINT</a>Soft', '<a>PINT</a>Hard', '<a>PINT</a>SM', '<a>PINT</a>ware', '<a>PINT</a>BDSM', '<a>PINT</a>BSD', '<a>PINT</a>LSD', '<a>PINT</a>ou (or ubuntu)', '<a>PINT</a>ubuntu', 'i<a>PINT</a>', 'you<a>PINT</a>', 'Google <a>PINT</a>', '<a>PINT</a>Please', '<a>PINT</a>Sorry', '<a>PINT</a>Welcomed', '<a>PINT</a>Again', '<a>PINT</a>guin', 'JustOne<a>PINT</a>', 'JustAnother<a>PINT</a>', 'OneMore<a>PINT</a>', 'Bier&<a>PINT</a>', '<a>PINT</a>OfVodka', '<a>PINT</a>ade', '<a>PINT</a>aid', '<a>PINT</a>ADD', '<a>PINT</a>INC', '<a>PINT</a>agramme', '<a>PINT</a>-A-Gramme', '<a>PINT</a>-A-Kilo', 'Pound-A-<a>PINT</a>', 'Fish<a>PINT</a>', '<a>PINT</a>Sized', 'Mystic<a>PINT</a>', 'Super<a>PINT</a>', 'Hyper<a>PINT</a>', 'Quantic<a>PINT</a>', 'QuantumOf<a>PINT</a>', 'Electro<a>PINT</a>', 'Royal<a>PINT</a>', 'Republican<a>PINT</a>', 'YesWeCan...<a>PINT</a>', 'WhatTheFucking...<a>PINT</a>', 'IVotedFor<a>PINT</a>', 'WhatSThe<a>PINT</a>', '<a>PINT</a>Aday', '<a>PINT</a>IsMine', 'my<a>PINT</a>!', '<a>PINT</a>Book', '<a>PINT</a>Book-Air', 'less Air, more <a>PINT</a>', 'Apple<a>PINT</a>', 'Web<a>PINT</a>', 'Command+<a>PINT</a>', 'Ctrl+Meta+Alt+<a>PINT</a>', ':<a>PINT</a>', '3Click<a>PINT</a>', 'Black<a>PINT</a>', '<a>PINT</a>sh', '<a>PINT</a> (<a>PINT</a> Is Not Twilight)', 'tinP', 'tniP', 'Tonight<a>PINT</a>', 'Coffee<a>PINT</a>', 'Breakfast<a>PINT</a>', 'Bacon<a>PINT</a>', '<a>PINT</a>Pause', '<a>PINT</a>-nic', '<a>PINT</a>Address', '<a>PINT</a>Phone', 'Multi<a>PINT</a>', 'Simple<a>PINT</a>...', 'FourFingers<a>PINT</a>', 'Start<a>PINT</a>', 'Stop<a>PINT</a>', '<a>PINT</a>', '<a>PINT</a>EGER', 'FloatOr<a>PINT</a>', '<a>PINT</a>Pointer', 'Master<a>PINT</a>er', 'License<a>PINT</a>er', 'GNU<a>PINT</a>', '<a>PINT</a>ix', '<a>PINT</a>ux', '<a>PINT</a>ium', '<a>PINT</a>OS', 'ThanksForThe<a>PINT</a>', 'LordOfThe<a>PINT</a>', 'Piss<a>PINT</a>', '<a>PINT</a>8', '666 Number Of The <a>PINT</a>', 'Bug<a>PINT</a>', 'BlueScreenOf<a>PINT</a>', '<a>PINT</a>Panic', '<a>PINT</a>OSleep', '<a>PINT</a>craft', 'War<a>PINT</a>', '<a>PINT</a>OfDead', '<a>PINT</a>sOfTheCaribeans', 'TheLast<a>PINT</a>', '<a>PINT</a>:Revolution', '<a>PINT</a>:Resurrection', 'Evil<a>PINT</a>', 'TheIncredible<a>PINT</a> ', 'X<a>PINT</a> ', 'Y<a>PINT</a>', 'Why<a>PINT</a>', 'Inexhaustible<a>PINT</a>', 'SauronS<a>PINT</a>', 'Sleepy<a>PINT</a>', 'NeverSleep<a>PINT</a>', '<a>PINT</a>Wars', 'P1N7')
random_title = random.choice(titles)

# These values are to be sent to the template
Expand Down
148 changes: 110 additions & 38 deletions stylesheets/main.css
View file
@@ -1,61 +1,115 @@
body
{
font-family: Verdana;
background-color: #FFF;
color: #555;
text-align: left;
margin: 0;
font-family: Verdana;
background-color: #BDD684;
color: #BDD684;
text-align: left;
margin: 0;
}

#admin
#header
{
font-family: monospace;
text-align: right;
float: right;
padding: 5px;
color: #E2F0D6;
margin-left: 190px;
}

#admin a
#header a.loglink
{
color: #555;
float: right;
padding: 0;
}

#admin li
#header h1
{
list-style: none;
display: inline
}

#header
#mainbox
{
font-family: monospace;
text-align: left;
padding: 5px;
border: 1px solid #c9c2c1;
border-top: none;
margin: 0 auto;
width: 400px;
margin: 20px auto;
width: 900px
}

#header a
#tabmenu
{
float: right;
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background-color: #BDD684;
}
#header h4

#tabmenu li
{
margin: 0px;
text-align: center;
list-style: none;
margin: 0;
display: inline;
}

div.sysmessage
#tabmenu li a
{
width: 350px;
margin: 10px auto;
padding: 10px;
border: 1px solid #f9c2c1;
text-align: center;
padding: 3px 0.5em;
margin-right: 3px;
background: #95AB63;
text-decoration: none;
color: white;
}

#tabmenu li a:hover
{
border-bottom: #FF7F2A solid 4px;
}

#tabmenu li a#current
{
background: white;
color: #95AB63;
border: none;
}

#maincontent
{
background-color: white;
margin-left: 300px;
min-height: 500px;
padding-bottom: 20px;
}

#rightnav
{
float: left;
width: 300px;
padding-top: 15px
}

#rightnav .navbox
{
width: 250px;
margin: 0 auto 30px auto;
font-size: 9pt;
}

#rightnav .navbox .title
{
text-align: right;
}

#rightnav .navbox .title h3
{
margin-bottom: 0;
background: white;
display: inline;
text-align: right;
padding: 3px 10px;
color: #95AB63;
}

#rightnav .navbox .content
{
margin: 0;
background-color: white;
padding: 5px 10px;
}

form.composer
{
width: 300px;
Expand All @@ -81,7 +135,7 @@ div.message blockquote
background-color: #FFF;
margin: 0px;
padding: 0 10px;
border: 1px solid #c9c2c1;
border: 1px solid #BDD684;
}

div.message cite
Expand All @@ -106,10 +160,28 @@ div.message cite.right
text-align: right;
}

b {
color: #090;
ul#footer
{
margin-left: 300px;
padding: 0;
text-align: center;
color: white;
font-size: 8pt;
}

a {
color: #0AA;
ul#footer li
{
display: inline;
padding: 0;
margin: 0;
}

b
{
color: #FF7F2A;
}

a
{
color: #95AB63;
}

0 comments on commit 7d06b9e

Please sign in to comment.