Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Simples formulário de login

  • Loading branch information...
commit a72c90a2eb64a62de748f1f8cd0a8542ef1638ae 1 parent a9e26b8
@herberthamaral authored
View
2  home/views.py
@@ -3,4 +3,4 @@
from django.shortcuts import render
def index(request):
- return render(request, 'template.html', locals())
+ return render(request, 'index.html', locals())
View
1  settings.py
@@ -149,3 +149,4 @@
},
}
}
+ACCOUNT_ACTIVATION_DAYS = 7
View
84 templates/index.html
@@ -0,0 +1,84 @@
+{% extends "template.html" %}
+{% block content %}
+<section id="articles"> <!-- A new section with the articles -->
+
+ <!-- Article 1 start -->
+
+ <div class="line"></div> <!-- Dividing line -->
+
+ <article id="article1"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
+ <h2>O que é isso?</h2>
+
+ <div class="line"></div>
+
+ <div class="articleBody clear">
+
+ <figure> <!-- The figure tag marks data (usually an image) that is part of the article -->
+ <a href="http://tutorialzine.com/2010/02/photo-shoot-css-jquery/"><img src="http://tutorialzine.com/img/featured/641.jpg" width="620" height="340" /></a>
+ </figure>
+
+ <p>Foi chamado para aquela vaga bacana e não sabe como a
+ empresa realmente é? É, nós entendemos como você se
+ sente.</p>
+ <p>Por isso criamos o BlacklisTI - uma comunidade de
+ profissionais de TI que relatam (anonimamente ou
+ publicamente) como foi (ou como está sendo) sua
+ experiência de trabalho em uma determinada empresa. Note
+ que somos também uma <strong>white list</strong>,
+ portanto, comentários positivos também são muito bem
+ vindos. </p>
+ <p>Não importa se você é desenvolvedor, analista, DBA ou
+ sysadmin: o que importa é que outras pessoas não caiam
+ na mesma cilada que você e que consigam melhores
+ empregos ;)</p>
+ </div>
+ </article>
+
+ <!-- Article 1 end -->
+
+
+ <!-- Article 2 start -->
+
+ <div class="line"></div>
+
+ <article id="article2">
+ <h2>Como funciona?</h2>
+
+ <div class="line"></div>
+
+ <div class="articleBody clear">
+ <figure>
+ <a href="http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/"><img src="http://tutorialzine.com/img/featured/633.jpg" width="620" height="340" /></a>
+ </figure>
+
+ <p>Here we are making sweet AJAX-powered tabs with CSS3 and the newly released version 1.4 of jQuery.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus quam quis nibh fringilla sit amet consectetur lectus malesuada. Sed nec libero erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mi nisi, rhoncus ut vestibulum ac, sollicitudin quis lorem. Duis felis dui, vulputate nec adipiscing nec, interdum vel tortor. Sed gravida, erat nec rutrum tincidunt, metus mauris imperdiet nunc, et elementum tortor nunc at eros. Donec malesuada congue molestie. Suspendisse potenti. Vestibulum cursus congue sem et feugiat. Morbi quis elit odio. </p>
+ </div>
+ </article>
+
+ <!-- Article 2 end -->
+
+ <!-- Article 3 start -->
+
+ <div class="line"></div>
+
+ <article id="article3">
+ <h2>Halftone Navigation Menu</h2>
+
+ <div class="line"></div>
+
+ <div class="articleBody clear">
+ <figure>
+ <a href="http://tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/"><img src="http://tutorialzine.com/img/featured/610.jpg" width="620" height="340" /></a>
+ </figure>
+
+ <p>Today we are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus quam quis nibh fringilla sit amet consectetur lectus malesuada. Sed nec libero erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mi nisi, rhoncus ut vestibulum ac, sollicitudin quis lorem. Duis felis dui, vulputate nec adipiscing nec, interdum vel tortor. Sed gravida, erat nec rutrum tincidunt, metus mauris imperdiet nunc, et elementum tortor nunc at eros. Donec malesuada congue molestie. Suspendisse potenti. Vestibulum cursus congue sem et feugiat. Morbi quis elit odio. </p>
+ </div>
+ </article>
+
+ <!-- Article 3 end -->
+
+
+</section>
+{% endblock content %}
View
15 templates/registration/login.html
@@ -0,0 +1,15 @@
+{% extends "template.html" %}
+Hello world
+
+{% block content %}
+<p>
+ <form action="/accounts/login/" method="post">
+ {%csrf_token%}
+ {{form}}
+ <input type="submit" />
+ </form>
+ <p>
+ <a href="#">Esqueceu sua senha?</a> | <a href="/accounts/signup/">Ainda não é registrado?</a>
+ </p>
+</p>
+{% endblock content %}
View
86 templates/template.html
@@ -32,97 +32,29 @@
<header> <!-- Defining the header section of the page with the appropriate tag -->
<hgroup>
- <h1>Your Logo</h1>
- <h3>and a fancy slogan</h3>
+ <h1>BlacklisTI</h1>
+ <h3>Black e Whitelist de empresas de TI</h3>
</hgroup>
<nav class="clear"> <!-- The nav link semantically marks your main site navigation -->
<ul>
- <li><a href="#article1">Photoshoot</a></li>
- <li><a href="#article2">Sweet Tabs</a></li>
- <li><a href="#article3">Navigation Menu</a></li>
+ <li><a href="#article1">Signup</a></li>
+ <li><a href="#article2">Ranking</a></li>
+ <li><a href="#article3">About</a></li>
</ul>
</nav>
</header>
- <section id="articles"> <!-- A new section with the articles -->
-
- <!-- Article 1 start -->
-
- <div class="line"></div> <!-- Dividing line -->
-
- <article id="article1"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
- <h2>Photoshoot Effect</h2>
-
- <div class="line"></div>
-
- <div class="articleBody clear">
-
- <figure> <!-- The figure tag marks data (usually an image) that is part of the article -->
- <a href="http://tutorialzine.com/2010/02/photo-shoot-css-jquery/"><img src="http://tutorialzine.com/img/featured/641.jpg" width="620" height="340" /></a>
- </figure>
-
- <p>In this tutorial, we are creating a photo shoot effect with our just-released PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus quam quis nibh fringilla sit amet consectetur lectus malesuada. Sed nec libero erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mi nisi, rhoncus ut vestibulum ac, sollicitudin quis lorem. Duis felis dui, vulputate nec adipiscing nec, interdum vel tortor. Sed gravida, erat nec rutrum tincidunt, metus mauris imperdiet nunc, et elementum tortor nunc at eros. Donec malesuada congue molestie. Suspendisse potenti. Vestibulum cursus congue sem et feugiat. Morbi quis elit odio. </p>
- </div>
- </article>
-
- <!-- Article 1 end -->
-
-
- <!-- Article 2 start -->
-
- <div class="line"></div>
-
- <article id="article2">
- <h2>Sweet AJAX Tabs</h2>
-
- <div class="line"></div>
-
- <div class="articleBody clear">
- <figure>
- <a href="http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/"><img src="http://tutorialzine.com/img/featured/633.jpg" width="620" height="340" /></a>
- </figure>
-
- <p>Here we are making sweet AJAX-powered tabs with CSS3 and the newly released version 1.4 of jQuery.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus quam quis nibh fringilla sit amet consectetur lectus malesuada. Sed nec libero erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mi nisi, rhoncus ut vestibulum ac, sollicitudin quis lorem. Duis felis dui, vulputate nec adipiscing nec, interdum vel tortor. Sed gravida, erat nec rutrum tincidunt, metus mauris imperdiet nunc, et elementum tortor nunc at eros. Donec malesuada congue molestie. Suspendisse potenti. Vestibulum cursus congue sem et feugiat. Morbi quis elit odio. </p>
- </div>
- </article>
-
- <!-- Article 2 end -->
-
- <!-- Article 3 start -->
-
- <div class="line"></div>
-
- <article id="article3">
- <h2>Halftone Navigation Menu</h2>
-
- <div class="line"></div>
-
- <div class="articleBody clear">
- <figure>
- <a href="http://tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/"><img src="http://tutorialzine.com/img/featured/610.jpg" width="620" height="340" /></a>
- </figure>
-
- <p>Today we are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus quam quis nibh fringilla sit amet consectetur lectus malesuada. Sed nec libero erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mi nisi, rhoncus ut vestibulum ac, sollicitudin quis lorem. Duis felis dui, vulputate nec adipiscing nec, interdum vel tortor. Sed gravida, erat nec rutrum tincidunt, metus mauris imperdiet nunc, et elementum tortor nunc at eros. Donec malesuada congue molestie. Suspendisse potenti. Vestibulum cursus congue sem et feugiat. Morbi quis elit odio. </p>
- </div>
- </article>
-
- <!-- Article 3 end -->
-
-
- </section>
-
+ {% block content %}
+ {% endblock content %}
<footer> <!-- Marking the footer section -->
<div class="line"></div>
- <p>Copyright 2010 - YourSite.com</p> <!-- Change the copyright notice -->
+ <p>Copyright 2010 - blacklisti.org</p> <!-- Change the copyright notice -->
- <a href="#" class="up">Go UP</a>
+ <a href="#" class="up">Topo</a>
<a href="http://tutorialzine.com/2010/02/html5-css3-website-template/" class="by">Template by Tutorialzine</a>
View
2  urls.py
@@ -16,6 +16,8 @@
# Uncomment the next line to enable the admin:
# url(r'^admin/', include(admin.site.urls)),
+ (r'^accounts/', include('registration.urls')),
+
)
if settings.DEBUG:
Please sign in to comment.
Something went wrong with that request. Please try again.