Added Tooltip for Profile Badges

public/less/_base.less

@@ -6,10 +6,6 @@ body:not(.full-width) {
 	min-width: 1020px;
 }
 
-img {
-	pointer-events: none;
-}
-
 .ui.container:not(.fluid) {
 	width: 980px !important;
 }

templates/user/profile.tmpl

@@ -196,10 +196,26 @@
 							{{if or .Owner.GitoteDeveloper .Owner.IsBeta .Owner.IsMaker .Owner.IsBugHunter}}
 								<li>
 									<div class="ui tiny images">
-										{{if .Owner.GitoteDeveloper}}<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/gitotedeveloper.png">{{end}}
-										{{if .Owner.IsBeta}}<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/beta.png">{{end}}
-										{{if .Owner.IsMaker}}<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/maker.png">{{end}}
-										{{if .Owner.IsBugHunter}}<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/bughunter.png">{{end}}
+										{{if .Owner.GitoteDeveloper}}
+											<a class="poping up" target="_blank" href="/jobs" data-content="Gitote Developer" data-variation="inverted tiny" data-position="left center">
+												<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/gitotedeveloper.png">
+											</a>
+										{{end}}
+										{{if .Owner.IsBeta}}
+											<a class="poping up" target="_blank" href="/jobs" data-content="Beta Member" data-variation="inverted tiny" data-position="left center">
+												<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/beta.png">
+											</a>
+										{{end}}
+										{{if .Owner.IsMaker}}
+											<a class="poping up" target="_blank" href="/jobs" data-content="Maker" data-variation="inverted tiny" data-position="left center">
+												<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/maker.png">
+											</a>
+										{{end}}
+										{{if .Owner.IsBugHunter}}
+											<a class="poping up" target="_blank" href="/jobs" data-content="Bug Hunter" data-variation="inverted tiny" data-position="left center">
+												<img class="ui image" src="https://cdn.jsdelivr.net/npm/gitote@1.2.3/img/badges/bughunter.png">
+											</a>
+										{{end}}
 									</div>
 								</li>
 							{{end}}