add anchors to h2 titles

css/style.css

@@ -63,6 +63,24 @@ p {
     color: #222438;
 }
 
+h2 a {
+    text-decoration: none;
+    font-size: 60px;
+    font-weight: normal;
+    margin: 0;
+    margin-bottom: 25px;
+    text-shadow: 0 2px 1px #000;
+    color: #FFB000;
+    font-family: 'Sansita One', cursive;
+}
+
+h2 a:hover {
+    text-decoration: none;
+}
+
+h2 a:visited {
+    color: #FFB000;
+}
 
 a, a:visited {
     color: #D92B00;
@@ -92,7 +110,7 @@ blockquote {
     border-right: 2px solid #30334F;
     border-radius: 10px;
     padding: 5px 20px;
-    color:white;
+    color: white;
     font-family: menlo, monospace;
 }
 
@@ -161,7 +179,7 @@ code {
     height: 52px;
     background: url("../img/lines-close.png");
     position: relative;
-        left: 11px;
+    left: 11px;
 }
 
 .hotfix-end, .hotfix-start, .release-end, .release-start, .feature-end, .feature-start {

index.html

@@ -46,7 +46,7 @@
         }(document, "script", "twitter-wjs");</script>
     </p>
     <p id="desc">efficient branching using git-flow by <a href="http://nvie.com/">Vincent Driessen</a></p>
-    <p id="translations">translations: <a href="#" class="active" title="english">en</a> - <a href="index.pt_BR.html" title="Brazilian Portugues">pt_BR</a></p>
+    <p id="translations">translations: <a href="#" class="active" title="english">en</a> - <a href="index.pt_BR.html" title="Brazilian Portugues">Brazilian Portugues</a></p>
 </header>
 
 <div id="main">
@@ -80,7 +80,7 @@
 
 
 <div class="scrollblock">
-    <h2>Setup</h2>
+    <h2><a href="#setup">Setup</a></h2>
     <ul>
         <li>You need a working git installation as prerequisite.</li>
         <li>Git flow works on OSX, Linux and Windows</li>
@@ -111,7 +111,7 @@
 </div>
 
 <div class="scrollblock">
-    <h2>Getting started</h2>
+    <h2><a href="#getting_started">Getting started</a></h2>
     <p>Git flow needs to be initialized in order to customize your project setup.</p>
     <p class="divider">&#9733; &#9733; &#9733;</p>
     <div class="col-1">
@@ -137,7 +137,7 @@
 
 
 <div class="scrollblock">
-    <h2>Features</h2>
+    <h2><a href="#features">Features</a></h2>
 
     <ul class="narrow">
         <li>Develop new features for upcoming releases</li>
@@ -230,7 +230,7 @@
 
 
 <div class="scrollblock">
-    <h2>Make a release</h2>
+    <h2><a href="#release">Make a release</a></h2>
 
     <ul>
         <li>Support preparation of a new production release</li>
@@ -283,7 +283,7 @@
 </div>
 
 <div class="scrollblock">
-    <h2>Hotfixes</h2>
+    <h2><a href="#hotfixes">Hotfixes</a></h2>
 
     <ul>
         <li>Hotfixes arise from the necessity to act immediately upon an undesired state of a live production version
@@ -329,7 +329,7 @@
 
 
 <div class="scrollblock">
-    <h2>Commands</h2>
+    <h2><a href="#commands">Commands</a></h2>
     <img src="img/git-flow-commands.png" alt="git-flow commands"/>
 </div>
 
@@ -352,7 +352,7 @@
 
 <footer>
     <div class="scrollblock">
-        <h2>Comments</h2>
+        <h2><a href="#comments">Comments</a></h2>
 
         <div id="disqus_thread"></div>
     </div>

index.pt_BR.html

@@ -46,14 +46,14 @@
         }(document, "script", "twitter-wjs");</script>
     </p>
     <p id="desc">sistema de branches eficiente usando o git-flow, do <a href="http://nvie.com/">Vincent Driessen</a></p>
-    <p id="translations">traduções: <a href="index.html" title="Inglês">en</a> - <a href="#" class="active" title="Português Brasileiro">pt_BR</a></p>
+    <p id="translations">traduções: <a href="index.html" title="Inglês">English</a> - <a href="#" class="active" title="Português Brasileiro">Português Brasileiro</a></p>
 </header>
 
 <div id="main">
 
 
 <div class="scrollblock">
-    <h2>Sobre</h2>
+    <h2><a href="#sobre">Sobre</a></h2>
 
     <p>
         O git-flow é um conjunto de extensões para o git que provê operações de alto-nível para
@@ -68,7 +68,7 @@
 </div>
 
 <div class="scrollblock">
-    <h2>Dicas básicas</h2>
+    <h2><a href="#dicas_basicas">Dicas básicas</a></h2>
     <ul>
         <li>O git-flow oferece na linha de comando ajuda e saídas excelentes. Leia atentamente para ver o que está
             acontecendo...</li>
@@ -81,7 +81,7 @@
 
 
 <div class="scrollblock">
-    <h2>Instalação</h2>
+    <h2><a href="#instalacao">Instalação</a></h2>
     <ul>
         <li>Você precisa do git instalado como pré-requisito.</li>
         <li>O git flow funciona no OSX, Linux e no Windows</li>
@@ -113,7 +113,7 @@
 </div>
 
 <div class="scrollblock">
-    <h2>Começando</h2>
+    <h2><a href="#comecando">Começando</a></h2>
     <p>O git-flow precisa ser inicializado para personalizar a configuração de seu projeto.</p>
     <p class="divider">&#9733; &#9733; &#9733;</p>
     <div class="col-1">
@@ -139,7 +139,7 @@
 
 
 <div class="scrollblock">
-    <h2>Funcionalidades/features</h2>
+    <h2><a href="#features">Funcionalidades/features</a></h2>
 
     <ul class="narrow">
         <li>Desenvolva novas funcionalidades para as versões futuras</li>
@@ -223,7 +223,7 @@
 
 
 <div class="scrollblock">
-    <h2>Criar uma versão/release</h2>
+    <h2><a href="#release">Criar uma versão/release</a></h2>
 
     <ul>
         <li>Auxilia a preparação de uma nova versão de produção</li>
@@ -276,7 +276,7 @@
 </div>
 
 <div class="scrollblock">
-    <h2>Hotfixes</h2>
+    <h2><a href="#hotfixes">Hotfixes</a></h2>
 
     <ul>
         <li>Os hotfixes surgem da necessidade de agir imediatamente sobre uma situação indesejada na versão de produção ativa</li>
@@ -321,7 +321,7 @@
 
 
 <div class="scrollblock">
-    <h2>Comandos</h2>
+    <h2><a href="#comandos">Comandos</a></h2>
     <img src="img/git-flow-commands.png" alt="git-flow commands"/>
 </div>