diff --git a/Cargo.lock b/Cargo.lock
index 863bd40..c74091c 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1706,9 +1706,9 @@ checksum = "b15813163c1d831bf4a13c3610c05c0d03b39feb07f7e09fa234dac9b15aaf39"
 
 [[package]]
 name = "ovlach_data"
-version = "0.1.2"
+version = "0.1.3"
 source = "sparse+https://git.nanobyte.cz/api/packages/ovlach/cargo/"
-checksum = "98843b3cefbdbf054f13312e82493248501cdd8abb39379ca2546559358c1437"
+checksum = "ad1ebb102ddf00183d68eeb8527f8f6458d6b8ffbd6737f39a485af7370da940"
 dependencies = [
  "chrono",
  "rocket",
diff --git a/Cargo.toml b/Cargo.toml
index 27932a7..9a8359f 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -26,7 +26,7 @@ reqwest = { version = "0.11", features = ["json"] }
 phf = { version = "0.11.2", features = ["macros"] }
 nanobyte_tera = { version = "0.2.0",  registry = "gitea_nanobyte" }
 ovlach_tera = { version="0.2.0", registry="gitea_ovlach" }
-ovlach_data = { version = "0.1.2", registry = "gitea_ovlach"}
+ovlach_data = { version = "0.1.3", registry = "gitea_ovlach"}
 
 [dev-dependencies]
 serde_json = "1.0.108"
diff --git a/templates/two_column.css b/templates/two_column.css
index 9d96960..f32ba03 100644
--- a/templates/two_column.css
+++ b/templates/two_column.css
@@ -24,6 +24,11 @@ body {
     min-height: 200%;
 }
 
+a {
+    color: black;
+    text-decoration: none;
+}
+
 
 
 .about-me-small, .company {
diff --git a/templates/two_column.html.tera b/templates/two_column.html.tera
index a300db6..d75a170 100644
--- a/templates/two_column.html.tera
+++ b/templates/two_column.html.tera
@@ -17,7 +17,7 @@
         <div class="flex-items">
             <div class="header">
                 <h1>Ondřej Vlach</h1>
-                <div class="about-me-small">{{ "devops-enginner-web-developer" | translate(lang=lang) }}</div>
+                <div class="about-me-small">{{ cv.person.job_title | lang_entity(lang=lang) }}</div>
             </div>
             <div class="part">
                 <div class="section-header">
@@ -146,38 +146,41 @@
             <div class="contact-bar">
 
                 {% if cv.person.social.facebook %}
-                    <i class="fa-facebook"> {{ cv.person.social.facebook | strip_proto }}</i>
+                    <a href="{{ cv.person.social.facebook }}"><i class="fa-facebook"> {{ cv.person.social.facebook | strip_proto }}</i></a>
                 {% endif %}
                 {%  if cv.person.social.github  %}
                 <i class="fa-github">
                     <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjYgMC0xMiA1LjM3My0xMiAxMiAwIDUuMzAyIDMuNDM4IDkuOCA4LjIwNyAxMS4zODcuNTk5LjExMS43OTMtLjI2MS43OTMtLjU3N3YtMi4yMzRjLTMuMzM4LjcyNi00LjAzMy0xLjQxNi00LjAzMy0xLjQxNi0uNTQ2LTEuMzg3LTEuMzMzLTEuNzU2LTEuMzMzLTEuNzU2LTEuMDg5LS43NDUuMDgzLS43MjkuMDgzLS43MjkgMS4yMDUuMDg0IDEuODM5IDEuMjM3IDEuODM5IDEuMjM3IDEuMDcgMS44MzQgMi44MDcgMS4zMDQgMy40OTIuOTk3LjEwNy0uNzc1LjQxOC0xLjMwNS43NjItMS42MDQtMi42NjUtLjMwNS01LjQ2Ny0xLjMzNC01LjQ2Ny01LjkzMSAwLTEuMzExLjQ2OS0yLjM4MSAxLjIzNi0zLjIyMS0uMTI0LS4zMDMtLjUzNS0xLjUyNC4xMTctMy4xNzYgMCAwIDEuMDA4LS4zMjIgMy4zMDEgMS4yMy45NTctLjI2NiAxLjk4My0uMzk5IDMuMDAzLS40MDQgMS4wMi4wMDUgMi4wNDcuMTM4IDMuMDA2LjQwNCAyLjI5MS0xLjU1MiAzLjI5Ny0xLjIzIDMuMjk3LTEuMjMuNjUzIDEuNjUzLjI0MiAyLjg3NC4xMTggMy4xNzYuNzcuODQgMS4yMzUgMS45MTEgMS4yMzUgMy4yMjEgMCA0LjYwOS0yLjgwNyA1LjYyNC01LjQ3OSA1LjkyMS40My4zNzIuODIzIDEuMTAyLjgyMyAyLjIyMnYzLjI5M2MwIC4zMTkuMTkyLjY5NC44MDEuNTc2IDQuNzY1LTEuNTg5IDguMTk5LTYuMDg2IDguMTk5LTExLjM4NiAwLTYuNjI3LTUuMzczLTEyLTEyLTEyeiIvPjwvc3ZnPg==" class="icon">
-                    {{ cv.person.social.github | strip_proto }}
+                    <a href="{{ cv.person.social.github }}">{{ cv.person.social.github | strip_proto }}</a>
                 </i>
                 {% endif %}
                 {%  if cv.person.social.linkedin  %}
-                    <i class="fa-linkedin"> {{ cv.person.social.linikedin | strip_proto }}</i>
+                    <i class="fa-linkedin"> <a href="{{ cv.person.social.linikedin }}">{{ cv.person.social.linikedin | strip_proto }}</a></i>
                 {% endif %}
                 {%  if cv.person.social.instagram  %}
-                    <i class="fa-instagram"> {{ cv.person.social.instagram | strip_proto }}</i>
+                    <i class="fa-instagram"> <a href="{{ cv.person.social.instagram }}">{{ cv.person.social.instagram | strip_proto }}</a></i>
                 {% endif %}
                 {%  if cv.person.social.mastodon  %}
                     <i class="fa-mastodon">
                         <img alt="Mastodon" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yMS4zMjcgOC41NjZjMC00LjMzOS0yLjg0My01LjYxLTIuODQzLTUuNjEtMS40MzMtLjY1OC0zLjg5NC0uOTM1LTYuNDUxLS45NTZoLS4wNjNjLTIuNTU3LjAyMS01LjAxNi4yOTgtNi40NS45NTYgMCAwLTIuODQzIDEuMjcyLTIuODQzIDUuNjEgMCAuOTkzLS4wMTkgMi4xODEuMDEyIDMuNDQxLjEwMyA0LjI0My43NzggOC40MjUgNC43MDEgOS40NjMgMS44MDkuNDc5IDMuMzYyLjU3OSA0LjYxMi41MSAyLjI2OC0uMTI2IDMuNTQxLS44MDkgMy41NDEtLjgwOWwtLjA3NS0xLjY0NnMtMS42MjEuNTExLTMuNDQxLjQ0OWMtMS44MDQtLjA2Mi0zLjcwNy0uMTk0LTMuOTk5LTIuNDA5YTQuNTIzIDQuNTIzIDAgMCAxLS4wNC0uNjIxczEuNzcuNDMzIDQuMDE0LjUzNmMxLjM3Mi4wNjMgMi42NTgtLjA4IDMuOTY1LS4yMzYgMi41MDYtLjI5OSA0LjY4OC0xLjg0MyA0Ljk2Mi0zLjI1NC40MzQtMi4yMjMuMzk4LTUuNDI0LjM5OC01LjQyNHptLTMuMzUzIDUuNTloLTIuMDgxVjkuMDU3YzAtMS4wNzUtLjQ1Mi0xLjYyLTEuMzU3LTEuNjItMSAwLTEuNTAxLjY0Ny0xLjUwMSAxLjkyN3YyLjc5MWgtMi4wNjlWOS4zNjRjMC0xLjI4LS41MDEtMS45MjctMS41MDItMS45MjctLjkwNSAwLTEuMzU3LjU0Ni0xLjM1NyAxLjYydjUuMDk5SDYuMDI2VjguOTAzYzAtMS4wNzQuMjczLTEuOTI3LjgyMy0yLjU1OC41NjYtLjYzMSAxLjMwNy0uOTU1IDIuMjI4LS45NTUgMS4wNjUgMCAxLjg3Mi40MDkgMi40MDUgMS4yMjhsLjUxOC44NjkuNTE5LS44NjljLjUzMy0uODE5IDEuMzQtMS4yMjggMi40MDUtMS4yMjguOTIgMCAxLjY2Mi4zMjQgMi4yMjguOTU1LjU0OS42MzEuODIyIDEuNDg0LjgyMiAyLjU1OHY1LjI1M3oiLz48L3N2Zz4=" class="icon" />
-                        {{ cv.person.social.mastodon | strip_proto }}</i>
+                        <a href="{{ cv.person.social.mastodon }}">{{ cv.person.social.mastodon | strip_proto }}</a></i>
                 {% endif %}
                 <i class="email fa-envelope">
-
                     <img alt="E-mail" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAzdjE4aDI0di0xOGgtMjR6bTYuNjIzIDcuOTI5bC00LjYyMyA1LjcxMnYtOS40NThsNC42MjMgMy43NDZ6bS00LjE0MS01LjkyOWgxOS4wMzVsLTkuNTE3IDcuNzEzLTkuNTE4LTcuNzEzem01LjY5NCA3LjE4OGwzLjgyNCAzLjA5OSAzLjgzLTMuMTA0IDUuNjEyIDYuODE3aC0xOC43NzlsNS41MTMtNi44MTJ6bTkuMjA4LTEuMjY0bDQuNjE2LTMuNzQxdjkuMzQ4bC00LjYxNi01LjYwN3oiLz48L3N2Zz4=" class="icon">
-                    {{cv.person.email}}
+                    <a href="mailto:{{cv.person.email}}">{{cv.person.email}}</a>
                 </i>
                 <i class="phone fa-phone">
                     <img alt="Phone" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNi4xNzYgMS4zMjJsMi44NDQtMS4zMjIgNC4wNDEgNy44OS0yLjcyNCAxLjM0MWMtLjUzOCAxLjI1OSAyLjE1OSA2LjI4OSAzLjI5NyA2LjM3Mi4wOS0uMDU4IDIuNjcxLTEuMzI4IDIuNjcxLTEuMzI4bDQuMTEgNy45MzJzLTIuNzY0IDEuMzU0LTIuODU0IDEuMzk2Yy03Ljg2MiAzLjU5MS0xOS4xMDMtMTguMjU4LTExLjM4NS0yMi4yODF6bTEuOTI5IDEuMjc0bC0xLjAyMy41MDRjLTUuMjk0IDIuNzYyIDQuMTc3IDIxLjE4NSA5LjY0OCAxOC42ODZsLjk3MS0uNDc0LTIuMjcxLTQuMzgzLTEuMDI2LjVjLTMuMTYzIDEuNTQ3LTguMjYyLTguMjE5LTUuMDU1LTkuOTM4bDEuMDA3LS40OTctMi4yNTEtNC4zOTh6Ii8+PC9zdmc+" class="icon">
-                    +{{cv.person.phone | insert_space_every(times=3)}}
+                    <a href="tel:+{{cv.person.phone}}">+{{cv.person.phone | insert_space_every(times=3)}}</a>
                 </i>
-                <i class="fa-web web">
-                    {% if cv.person.web %}
-                        {{cv.person.web}}
-                    {% endif %}
+                {% if cv.person.web %}
+
+                    <i class="fa-light fa-globe">
+                        <img alt="Web"  class="icon" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MjAiIGhlaWdodD0iNDIwIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiPgo8cGF0aCBzdHJva2Utd2lkdGg9IjI2IiBkPSJNMjA5LDE1YTE5NSwxOTUgMCAxLDAgMiwweiIvPgo8cGF0aCBzdHJva2Utd2lkdGg9IjE4IiBkPSJtMjEwLDE1djM5MG0xOTUtMTk1SDE1TTU5LDkwYTI2MCwyNjAgMCAwLDAgMzAyLDAgbTAsMjQwIGEyNjAsMjYwIDAgMCwwLTMwMiwwTTE5NSwyMGEyNTAsMjUwIDAgMCwwIDAsMzgyIG0zMCwwIGEyNTAsMjUwIDAgMCwwIDAtMzgyIi8+Cjwvc3ZnPg==" />
+                        <a href="{{cv.person.web }}">{{cv.person.web | strip_proto }}</a>
+                    </i>
+
+                {% endif %}
                 </i>
                 <div class="about-me-title">{{ "about-me" | translate(lang=lang) }}</div>
                 <div class="about-me">{{ cv.person.about | lang_entity(lang=lang) }}</div>