update Get Involved page

Author: andrej-griniuk

src/Locale/default.pot

@@ -1201,7 +1201,7 @@ msgid "#cakephp IRC channel, or Slack group"
 msgstr ""
 
 #: Template/Element/get-involved/get-involved.ctp:21
-msgid "Answer questions on platforms such as {0}."
+msgid "Answer questions on platforms such as {0} and the {1}."
 msgstr ""
 
 #: Template/Element/get-involved/get-involved.ctp:23

src/Locale/fr_FR/default.po

@@ -833,7 +833,7 @@ msgid "#cakephp IRC channel, or Slack group"
 msgstr ""
 
 #: Template/Element/get-involved/get-involved.ctp:23
-msgid "Answer questions on platforms such as {0}."
+msgid "Answer questions on platforms such as {0} and the {1}."
 msgstr ""
 
 #: Template/Element/get-involved/get-involved.ctp:25

src/Locale/ja_JP/default.po

@@ -833,7 +833,7 @@ msgid "#cakephp IRC channel, or Slack group"
 msgstr "#cakephpのIRCチャンネルかSlack"
 
 #: Template/Element/get-involved/get-involved.ctp:23
-msgid "Answer questions on platforms such as {0}."
+msgid "Answer questions on platforms such as {0} and the {1}."
 msgstr "{0}のようなプラットフォームで質問に答える。"
 
 #: Template/Element/get-involved/get-involved.ctp:25

src/Locale/pt_BR/default.po

@@ -1553,7 +1553,7 @@ msgid "#cakephp IRC channel, or Slack group"
 msgstr "canal #CakePHP no IRC, ou no Slack"
 
 #: Template/Element/get-involved/get-involved.ctp:21
-msgid "Answer questions on platforms such as {0}."
+msgid "Answer questions on platforms such as {0} and the {1}."
 msgstr "Responda perguntas em plataformas como o {0}."
 
 #: Template/Element/get-involved/get-involved.ctp:23

src/Template/Element/get-involved/cakefest.ctp

@@ -1,5 +1,5 @@
 <div id="cakefest" class="col-sm-12 get-conference pt-100">
-	<h2><?= __('The Annual CakePHP Conference')?></h2>
+	<h2><?= __('The Annual CakePHP Conference')?><?= $this->Html->link('¶', '#cakefest', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h2>
 	<?= $this->Html->image('cakefest/slide.jpg', ['class' => 'img-responsive', 'alt' => __('Cakefest')]) ?>
 	<p><?= __('Every year we hold a conference dedicated to CakePHP, hosting live workshops and inviting a variety of great
 		speakers, to give you the very best in presentations and talks on the latest from the community:')?></p>

src/Template/Element/get-involved/community-guidelines.ctp

@@ -2,7 +2,7 @@
 use Cake\Core\Configure;
 ?>
 <div id="comunityguidelinesside" class="col-sm-12 get-developer pt-100">
-	<h2><?= __('Community Guidelines') ?></h2>
+	<h2><?= __('Community Guidelines') ?><?= $this->Html->link('¶', '#comunityguidelinesside', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h2>
 	<p><?= __('The following is a list of recommendations to help keep the CakePHP community strong, active and healthy, as well as a place where everyone feels welcome. These are by no means rules or laws, but instead suggestions and best practices.') ?></p>
 	<ol>
 		<li><?= __('Remember that when you talk about CakePHP you\'re representing a global community of people, most of whom are passionate about their involvement, and dedicate their free time and good will to helping the framework. Be friendly and helpful, and always show the respect for others in the same way you\'d expect from them.') ?></li>

src/Template/Element/get-involved/find-job-developer.ctp

@@ -3,7 +3,7 @@ use Cake\Core\Configure;
 ?>
 
 <div id="findjobdeveloper" class="col-sm-12 get-developer pt-100">
-	<h2><?= __('Find Job or Developer')?></h2>
+	<h2><?= __('Find Job or Developer')?><?= $this->Html->link('¶', '#findjobdeveloper', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h2>
 	<p><?= __('If you\'re looking for skilled CakePHP developers, or are a developer yourself and seeking a freelance project or
 		position at a company, there are many resources available:')?></p>
 

src/Template/Element/get-involved/get-help.ctp

@@ -4,7 +4,7 @@ use Cake\Core\Configure;
 
 <div id="getHelp" class="col-sm-12 get-social pt-100">
 	<a name="get-help"></a>
-	<h2><?= __('Get Help')?></h2>
+	<h2><?= __('Get Help')?><?= $this->Html->link('¶', '#getHelp', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h2>
 
 	<p><?= __('Looking for help but don\'t know where to find it? Here are all the locations you can find community driven
 		support and sources of information:')?></p>

src/Template/Element/get-involved/get-involved.ctp

@@ -7,18 +7,18 @@ $this->assign('meta', $this->Html->meta('description', $description));
 $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'description' => $description]));
 ?>
 <div id="getInvolved" class="col-sm-12 pt-35">
-	<h2><?= __('Get Involved!')?></h2>
+	<h2><?= __('Get Involved!')?><?= $this->Html->link('¶', '#getInvolved', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h2>
 
 	<p><?= __('If you\'re interested in contributing to CakePHP and supporting the community then we\'d love for you to join us, there are a variety of ways to get involved and help out.')?></p>
 
 	<div id="userSupport" class="box-get">
 		<i class="fa fa-users icon-get"></i>
-		<h3><?= __('User Support')?></h3>
+		<h3><?= __('User Support')?><?= $this->Html->link('¶', '#userSupport', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 		<div class="br-bottom mb20"></div>
 		<p><?= __('One of the greatest ways to contribute to CakePHP is by directly supporting the developer community. There\'s no need to be a genius or guru to get involved, you may just have the answer to some of the questions being asked. Here are some ways you can get started:')?></p>
 		<ul>
 			<li><?= __('Join the {0} and talk to developers who need help. *', $this->Html->link(__('#cakephp IRC channel, or Slack group'), '#get-help'))?></li>
-			<li><?= __('Answer questions on platforms such as {0}.', $this->Html->link('StackOverflow', Configure::read('Site.menu.items.help.stackOverflow.url'), ['target' => '_blank']))?>
+			<li><?= __('Answer questions on platforms such as {0} and the {1}.', $this->Html->link(__('StackOverflow'), Configure::read('Site.menu.items.help.stackOverflow.url'), ['target' => '_blank']), $this->Html->link(__('official CakePHP Forum'), Configure::read('Site.menu.items.help.discourse.url'), ['target' => '_blank']))?>
 			</li>
 			<li><?= __('Comment on posts asking for help with a specific problem.')?></li>
 		</ul>
@@ -30,7 +30,7 @@ $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'descrip
 	<div id="education" class="box-get mb0">
 		<i class="fa fa-graduation-cap icon-get"></i>
 
-		<h3><?= __('Education and Training')?></h3>
+		<h3><?= __('Education and Training')?><?= $this->Html->link('¶', '#education', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 
 		<div class="br-bottom mb20"></div>
 		<p><?= __('Helping others to learn CakePHP is another valuable way to contribute to the community. There are many ways
@@ -51,7 +51,7 @@ $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'descrip
 	<div id="marketing" class="box-get">
 		<i class="fa fa-comment icon-get"></i>
 
-		<h3><?= __('Marketing and Evangelism')?></h3>
+		<h3><?= __('Marketing and Evangelism')?><?= $this->Html->link('¶', '#marketing', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 
 		<div class="br-bottom mb20"></div>
 		<p><?= __('As an open source project, backed by the {0} we don\'t have a massive budget to market and advertise the framework, so we depend
@@ -86,7 +86,7 @@ $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'descrip
 	<div id="contributing" class="box-get">
 		<i class="fa fa-comments-o icon-get"></i>
 
-		<h3><?= __('Contributing Code')?></h3>
+		<h3><?= __('Contributing Code')?><?= $this->Html->link('¶', '#contributing', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 
 		<div class="br-bottom mb20"></div>
 		<p><?= __('If you want to contribute code for a bug fix then coordinate your approach in the comments of the issue, either
@@ -101,7 +101,7 @@ $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'descrip
 	<div id="testing" class="box-get">
 		<i class="fa fa-thumbs-o-up icon-get"></i>
 
-		<h3><?= __('Testing and Quality Assurance')?></h3>
+		<h3><?= __('Testing and Quality Assurance')?><?= $this->Html->link('¶', '#testing', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 
 		<div class="br-bottom mb20"></div>
 		<p><?= __('Filing issues is a great way to start contributing to CakePHP. By finding and reporting issues in the code
@@ -163,7 +163,7 @@ $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'descrip
 	<div id="documentation" class="box-get">
 		<i class="fa fa-book icon-get"></i>
 
-		<h3><?= __('Documentation')?></h3>
+		<h3><?= __('Documentation')?><?= $this->Html->link('¶', '#documentation', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 
 		<div class="br-bottom mb20"></div>
 		<p><?= __('Documentation is another excellent way to start getting involved with CakePHP. We have two primary forms of
@@ -182,7 +182,7 @@ $this->assign('socialMeta', $this->Meta->socialTags(['title' => $title, 'descrip
 
 	<div id="translation" class="box-get">
 		<i class="fa fa-comments-o icon-get"></i>
-		<h3><?= __('Translations')?></h3>
+		<h3><?= __('Translations')?><?= $this->Html->link('¶', '#translation', ['class' => 'headerlink', 'title' => __('Permalink to this headline')]) ?></h3>
 		<div class="br-bottom mb20"></div>
 		<p><?= __('We have developers from countries all over the world who use CakePHP. If you\'re a non-english speaker,
 			translating the the {0} content

src/Template/Locale/default.pot

@@ -1049,7 +1049,7 @@ msgid "Join the #cakephp IRC channel, or Slack group and talk to developers who
 msgstr ""
 
 #: Template/Element/get-involved/get-involved.ctp:21
-msgid "Answer questions on platforms such as {0}."
+msgid "Answer questions on platforms such as {0} and the {1}."
 msgstr ""
 
 #: Template/Element/get-involved/get-involved.ctp:23

webroot/css/style.css

@@ -8209,6 +8209,21 @@ table.fc-border-separate {
 	margin: 10px 0 30px;
 }
 
+.headerlink {
+	display: none;
+}
+
+h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink {
+	display: inline;
+	margin: 0 0 0 5px;
+	font-size: 80%;
+	padding: 0;
+	line-height: 95%;
+	vertical-align: center;
+}
+h2:hover .headerlink {
+	line-height: inherit;
+}
 
 .br-bottom-sidebar:after {
     content: "";