add htb reference + cosmetic fixes

config.toml

@@ -116,6 +116,11 @@ portalsTitle = "Community Links"
 portalsDescription = "Telegram, Matrix, IRC, Facebook, Twitter, Instagram and more. All the official channels of our community."
 portalsURL = "docs/community"
 portalsURLtext = "Official Links"
+pwnboxTitle = "Parrot + HTB"
+pwnboxContent = "ParrotOS worked with HackTheBox to introduce you PWNBOX - use ParrotOS in your browser!"
+pwnboxBtnText = "Read more"
+pwnboxURL = "https://help.hackthebox.eu/machines-challenges/v2-pwnbox"
+htbLogoURL = "images/htb_logo_dark.png"
 
 # contribute
 [params.contribute]

layouts/partials/community.html

@@ -2,15 +2,20 @@
 <section id="community" class="call-to-action section-sm bg-1 overly" style='top-padding: 20em;bottom-padding: 20em;background-image: url("{{ .Site.Params.community.background | absURL }}")'>
     <div class="container">
         <div class="row" style="background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.5));border-radius: 2em;padding:4em">
-            <div class="col-lg-6 text-center">
+            <div class="col-lg-4 text-center d-flex flex-column">
                {{ with .Site.Params.community.title}} <h2 style="color:#fff">{{ . }}</h2> {{ end }}
                {{ with .Site.Params.community.content }} <p style="color:#fff">{{ . }}</p> {{ end }}
-                <a href="{{ .Site.Params.community.btnURL }}" class="btn btn-main" style="color:#222">{{ with .Site.Params.community.btnText }} {{ . }} {{end}}</a>
+                <a href="{{ .Site.Params.community.btnURL }}" class="btn btn-main mt-auto" style="color:#222">{{ with .Site.Params.community.btnText }} {{ . }} {{end}}</a>
             </div>
-            <div class="col-lg-6 text-center">
+            <div class="col-lg-4 text-center d-flex flex-column mt-4 mt-lg-0">
+               {{ with .Site.Params.community.pwnboxTitle}} <h2 style="color:#fff">{{ . }}</h2> {{ end }}
+               {{ with .Site.Params.community.pwnboxContent }} <p style="color:#fff">{{ . }}</p> {{ end }}
+	       <a href="{{ .Site.Params.community.pwnboxURL }}" class="btn btn-main mt-auto d-flex justify-content-center" id="htb"><img src="{{ .Site.Params.community.htbLogoURL}}" height="16px" width="14px" class="align-self-center mr-2"></img>{{ with .Site.Params.community.pwnboxbtnText }} {{ . }} {{end}}</a>
+            </div>
+            <div class="col-lg-4 text-center d-flex flex-column mt-4 mt-lg-0">
                 {{ with .Site.Params.community.portalsTitle}} <h2 style="color:#fff">{{ . }}</h2> {{ end }}
                 {{ with .Site.Params.community.portalsDescription }} <p style="color:#fff">{{ . }}</p> {{ end }}
-                 <a href="{{ .Site.Params.community.portalsURL }}" class="btn btn-main" style="color:#222">{{ with .Site.Params.community.portalsURLtext }} {{ . }} {{end}}</a>
+                 <a href="{{ .Site.Params.community.portalsURL }}" class="btn btn-main mt-auto" style="color:#222">{{ with .Site.Params.community.portalsURLtext }} {{ . }} {{end}}</a>
              </div>
         </div>
     </div>

layouts/partials/footer.html

@@ -6,9 +6,9 @@
 
 				{{"<!-- Footer Social Links -->" | safeHTML}}
 				<div class="social-icon">
-					<ul class="list-inline">
+					<ul class="row p-0 justify-content-center">
 						{{ range .Site.Params.social }}
-						<li class="list-inline-item center-text"><a target="_blank" href="{{ .link | safeURL }}"><img src="{{ .icon }}" width="70px" height="70px" class="img-fluid" alt="" /></a></li>
+						<li class="list-inline-item center-text mb-0 p-1 mr-0"><a target="_blank" href="{{ .link | safeURL }}"><img src="{{ .icon }}" width="70px" height="70px" class="img-fluid" alt="" /></a></li>
 						{{ end }}
 					</ul>
 				</div>
@@ -41,4 +41,4 @@
 
 {{ "<!-- Main Script -->" | safeHTML }}
 {{ $script := resources.Get "js/script.js" | minify}}
-<script src="{{ $script.Permalink }}"></script>
\ No newline at end of file
+<script src="{{ $script.Permalink }}"></script>

layouts/partials/goals.html

@@ -14,8 +14,8 @@
                 <img class="img-fluid" src="{{ $data.goals.image | absURL}}" alt="image">
             </div>
             <div class="col-lg-6">
-                <div class="content-block">
-                    {{with $data.goals.title}} <h2>{{ . }}</h2> {{ end }}
+                <div class="content-block pt-lg-0">
+                    {{with $data.goals.title}} <h2 class="text-center text-lg-left">{{ . }}</h2> {{ end }}
                     {{with $data.goals.description}} <p>{{ . }}</p> {{ end }}
                     {{with $data.goals.description2}} <p>{{ . }}</p> {{ end }}
                     <div class="row">

static/css/custom.css

+#htb:hover {
+  background: #7bb900;
+}
+
+#htb {
+  color:#222;
+  background:#9fef00;
+}