urko/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: urko:b5fb266d4728df42402c692cc6dd5e1995cb7211
Branches Tags
urko:main
..
compare: urko:main
Branches Tags
urko:main

8 Commits
b5fb266d47 ... main

Author SHA1 Message Date
Urko
806c3919f4 feat: add malt as social network 2023-07-20 10:27:27 +02:00
Urko
5dff6c2aa5 feat: css projects 2023-07-20 09:57:47 +02:00
Urko
62af3cc8c2 remove unused 2023-06-14 17:34:06 +02:00
Urko
48d38fb768 feat: done customize 2023-06-14 17:33:32 +02:00
Urko
0b278ea4c4 fix social network svg size 2023-06-14 15:27:53 +02:00
Urko
7664d9aa3d fix testimonial 2023-06-14 02:13:43 +02:00
Urko
2dc3a4f8e1 feat: rollback testimonials do not display date 2023-06-14 00:13:22 +02:00
Urko
9718cf87a9 remove dates 2023-06-14 00:05:56 +02:00
10 changed files with 181 additions and 333 deletions
Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -2,6 +2,7 @@
/content
/static/images
.vscode
config.toml
### Hugo ###
# Generated files by hugo

3
layouts/index.html
View File

@@ -14,10 +14,7 @@
{{ define "main" }}
{{- partial "sections/hero/index.html" . -}}
{{- partial "sections/about.html" . -}}
{{- partial "sections/experience.html" . -}}
{{- partial "sections/education.html" . -}}
{{- partial "sections/projects.html" . -}}
{{- partial "sections/testimonial.html" . -}}
{{- partial "sections/achievements.html" . -}}
{{- partial "sections/contact.html" . -}}
{{ end }}

36
layouts/partials/sections/achievements.html
View File

@@ -1,36 +0,0 @@
{{ if .Site.Params.achievements.enable | default false }}
<section id="achievements" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.achievements.title | default "Achievements" }}</h3>
<div class="px-0 px-md-5 px-lg-5">
<div class="row justify-content-center px-3 px-md-5 px-lg-5">
{{ range .Site.Params.achievements.items }}
{{ if .url }}
<div class="col-lg-4 col-md-6 my-3">
<a class="card my-3 h-100 p-3" href="{{ .url }}" title="{{ .title }}" target="_blank">
<div class="card-body bg-transparent">
<h5 class="card-title bg-transparent">{{ .title }}</h5>
<div class="card-text secondary-font">
{{ .content }}
</div>
</div>
</a>
</div>
{{ else }}
<div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100 p-3" title="{{ .title }}">
<div class="card-body bg-transparent">
<h5 class="card-title bg-transparent">{{ .title }}</h5>
<div class="card-text secondary-font">
{{ .content }}
</div>
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</section>
{{ end }}

66
layouts/partials/sections/education.html
View File

@@ -1,66 +0,0 @@
{{ if .Site.Params.education.enable | default false }}
<section id="education" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.education.title | default "Education" }}</h3>
<div class="row justify-content-center py-5">
{{ $indexMenu := .Site.Params.education.index }}
{{ range $index, $element := .Site.Params.education.items }}
<div class="col-12 p-0">
<div class="row row align-items-center justify-content-center m-1 mb-4">
{{ if $indexMenu }}
<div class="col-md-1 text-center me-2 p-0 d-none d-md-block">
<div class="py-2">
<span class="index shadow-lg">
{{ add $index 1 }}
</span>
</div>
</div>
{{ end }}
<div class="col-md-9">
<div class="card">
<div class="card-body">
<div class="float-end">
<small>{{ .date }}</small>
</div>
<h5 class="card-title">{{ .title }}</h5>
{{ if .school.url }}
<a href="{{ .school.url }}" target="_blank">
<h6>
{{ .school.name }}
</h6>
</a>
{{ else }}
{{ .school.name }}
{{ end }}
{{ if .GPA }}
<div class="py-1">
GPA:
<i>
<small>{{ .GPA }}</small>
</i>
</div>
{{ end }}
<div class="py-1 education-content">
{{ .content | markdownify}}
</div>
{{ if .featuredLink.enable }}
<div class="py-1">
<a href="{{ .featuredLink.url }}" class="btn">
{{ .featuredLink.name | default "Featured" }}
</a>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}

130
layouts/partials/sections/experience.html
View File

@@ -1,130 +0,0 @@
{{ if .Site.Params.experience.enable | default false }}
<section id="experience" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.experience.title | default "Experience" }}</h3>
<div class="row justify-content-center">
<div class="col-sm-12 col-md-8 col-lg-8 py-5">
<div class="experience-container px-3 pt-2">
<ul class="nav nav-pills mb-3 bg-transparent primary-font" id="pills-tab" role="tablist">
{{ range $index, $element := .Site.Params.experience.items }}
{{ if (eq $index 0) }}
<li class="nav-item px-1 bg-transparent" role="presentation">
<div
class="nav-link active bg-transparent"
aria-selected="true"
role="tab"
data-bs-toggle="pill"
id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
>
{{ .company }}
</div>
</li>
{{ else }}
<li class="nav-item px-1 bg-transparent" role="presentation">
<div
class="nav-link bg-transparent"
aria-selected="true"
role="tab"
data-bs-toggle="pill"
id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
>
{{ .company }}
</div>
</li>
{{ end }}
{{ end }}
</ul>
<div class="tab-content pb-5 pt-2 bg-transparent primary-font" id="pills-tabContent">
{{ range $index, $element := .Site.Params.experience.items }}
{{ if (eq $index 0) }}
<div
class="tab-pane fade show active bg-transparent"
role="tabpanel"
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
<div class="pb-1">
<small>{{ .date }}</small>
{{ if .info.enable | default true }}
<span class="p-2">
<span
style="cursor: pointer;"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-original-title={{ .info.content | default (print "Working as a " .job " at " .company ) }}
>
<i class="fas fa-info-circle fa-xs"></i>
</span>
</span>
{{ end }}
</div>
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
{{ .featuredLink.name | default "Featured Link" }}
</a>
</div>
{{ end }}
</div>
{{ .content | markdownify}}
</div>
{{ else }}
<div
class="tab-pane fade bg-transparent"
role="tabpanel"
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
<div class="pb-1">
<small>{{ .date }}</small>
{{ if .info.enable | default true }}
<span class="p-2">
<span
style="cursor: pointer;"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-original-title={{ .info.content | default (print "Worked as a " .job " at " .company ) }}
>
<i class="fas fa-info-circle fa-xs"></i>
</span>
</span>
{{ end }}
</div>
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
{{ .featuredLink.name | default "Featured Link" }}
</a>
</div>
{{ end }}
</div>
<div class="pt-2">
{{ .content | markdownify}}
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}

117
layouts/partials/sections/footer/socialNetwork.html
View File

@@ -3,10 +3,17 @@
<span class="px-1">
<a href="{{ .Site.Params.footer.socialNetworks.gitea }}" aria-label="gitea">
<svg
version="1.1"
id="main_outline"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="2.7em"
height="2.7em"
viewBox="0 0 1792 1792"
x="0px"
y="0px"
viewBox="0 0 640 640"
style="enable-background: new 0 0 640 640"
xml:space="preserve"
>
<g>
<path
@@ -30,49 +37,48 @@
</svg>
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.gitlab }}
{{ end }} {{ if .Site.Params.footer.socialNetworks.malt }}
<span class="px-1">
<a
href="{{ .Site.Params.footer.socialNetworks.gitlab }}"
aria-label="gitlab"
>
<a href="{{ .Site.Params.footer.socialNetworks.malt }}" aria-label="malt">
<svg
xmlns="http://www.w3.org/2000/svg"
width="2.7em"
height="2.7em"
viewBox="0 0 1792 1792"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"
d="M27.126 8.8757C24.7333 6.48301 22.1774 8.03164 20.5778 9.63118L5.46756 24.742C3.86802 26.3413 2.19381 28.7715 4.71208 31.2894C7.23034 33.8082 9.66053 32.1337 11.2597 30.5341L26.3703 15.4237C27.9699 13.824 29.5185 11.2681 27.126 8.8757Z"
fill="#FC5757"
/>
<path
d="M12.6898 8.25682L15.8893 11.4562L19.1461 8.19947C19.3672 7.97785 19.5917 7.77218 19.8176 7.57822C19.4765 5.85751 18.4947 4.30192 15.8878 4.30192C13.276 4.30192 12.2954 5.86362 11.9562 7.58806C12.2 7.79899 12.4434 8.01043 12.6898 8.25682Z"
fill="#FC5757"
/>
<path
d="M19.1442 32.023L15.8895 28.7681L12.6916 31.9657C12.4488 32.2087 12.2071 32.4306 11.9665 32.6392C12.3332 34.3933 13.3711 36 15.8882 36C18.4118 36 19.4483 34.3847 19.8127 32.6249C19.5888 32.4323 19.3649 32.2435 19.1442 32.023Z"
fill="#FC5757"
/>
<path
d="M11.3327 16.013H5.16431C2.90262 16.013 0 16.7256 0 20.109C0 22.6335 1.61583 23.6702 3.3759 24.0343C3.58429 23.7937 11.3327 16.013 11.3327 16.013Z"
fill="#FC5757"
/>
<path
d="M28.4128 16.1773C28.2176 16.4044 20.4529 24.2047 20.4529 24.2047H26.5338C28.7956 24.2047 31.6981 23.6703 31.6981 20.109C31.6981 17.4975 30.1369 16.5164 28.4128 16.1773Z"
fill="#FC5757"
/>
<path
d="M13.3538 13.9883L14.4558 12.8863L11.2582 9.6882C9.6585 8.08883 7.22864 6.41445 4.71038 8.93272C2.86376 10.7793 3.27392 12.5766 4.25339 14.0356C4.55171 14.0135 13.3538 13.9883 13.3538 13.9883Z"
fill="#FC5757"
/>
<path
d="M18.4239 26.2295L17.319 27.3344L20.5761 30.5912C22.1757 32.1909 24.7316 33.7392 27.124 31.3468C28.9091 29.5615 28.4995 27.6863 27.5126 26.1842C27.1949 26.2071 18.4239 26.2295 18.4239 26.2295Z"
fill="#FC5757"
/>
</svg>
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.github }}
<span class="px-1">
<a
href="{{ .Site.Params.footer.socialNetworks.github }}"
aria-label="github"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="2.7em"
height="2.7em"
viewBox="0 0 1792 1792"
>
<path
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"
/>
</svg>
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.linkedin }}
{{ end }} {{ if .Site.Params.footer.socialNetworks.linkedin }}
<span class="px-1">
<a
href="{{ .Site.Params.footer.socialNetworks.linkedin }}"
@@ -95,5 +101,48 @@
</svg>
</a>
</span>
{{ end }} {{ if .Site.Params.footer.socialNetworks.gitlab }}
<span class="px-1">
<a
href="{{ .Site.Params.footer.socialNetworks.gitlab }}"
aria-label="gitlab"
>
<svg
version="1.1"
id="main_outline"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="2.4em"
height="2.4em"
x="0px"
y="0px"
viewBox="0 0 640 640"
style="enable-background: new 0 0 640 640"
xml:space="preserve"
>
<path
d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"
/>
</svg>
</a>
</span>
{{ end }} {{ if .Site.Params.footer.socialNetworks.github }}
<span class="px-1">
<a
href="{{ .Site.Params.footer.socialNetworks.github }}"
aria-label="github"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="2.7em"
height="2.7em"
viewBox="0 0 1792 1792"
>
<path
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"
/>
</svg>
</a>
</span>
{{ end }}
</div>

4
layouts/partials/sections/hero/index.html
View File

@@ -31,7 +31,7 @@
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4">
<!-- <div class="col-sm-12 col-md-12 col-lg-4">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-9 pt-5 image {{ if .Site.Params.animate }}animate{{ end }} px-5 px-md-5 px-lg-0 text-center">
<img src="{{ .Site.Params.hero.image }}"
@@ -40,7 +40,7 @@
>
</div>
</div>
</div>
</div> -->
</div>
</div>
{{ if .Site.Params.hero.bottomImage.enable | default true }}

16
layouts/partials/sections/projects.html
View File

@@ -23,11 +23,19 @@
{{ if or (.links) (.featured) }}
<div class="card-footer py-3">
{{ range .links }}
{{ if .icon }}
<span class="m-1 mx-2">
<a href="{{ .url }}" target="_blank">
<a href="{{ .url }}" target="_blank" class="btn social-icon" target="_blank">
<i class="{{ .icon }}"></i>
</a>
</span>
{{ else if .iconURL }}
<span class="px-1">
<a href="{{ .url }}" target="_blank" class="btn social-icon">
<img src="{{ .iconURL }}">
</a>
</span>
{{ end }}
{{ end }}
{{ if .featured }}
<span class="float-end">
@@ -62,8 +70,12 @@
<div class="card-footer py-3">
{{ range .Params.links }}
<span class="m-1 mx-2">
<a href="{{ .url }}">
<a target="_blank" target="_blank" class="btn social-icon" href="{{ .url }}">
{{ if .icon }}
<i class="{{ .icon }}"></i>
{{ else if .iconURL }}
<img src="{{ .iconURL }}">
{{ end }}
</a>
</span>
{{ end }}

39
layouts/partials/sections/testimonial.html
View File

@@ -45,27 +45,12 @@
class="tab-pane fade show active bg-transparent"
role="tabpanel"
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
aria-labelledby='pills-{{ replace .company " " "-" }}-tab'
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
<div class="pb-1">
<small>{{ .date }}</small>
{{ if .info.enable | default true }}
<span class="p-2">
<span
style="cursor: pointer;"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-original-title={{ .info.content | default (print "Working as a " .job " at " .company ) }}
>
<i class="fas fa-info-circle fa-xs"></i>
</span>
</span>
{{ end }}
</div>
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
@@ -76,7 +61,11 @@
{{ end }}
</div>
<div class="pt-2">
{{ .content | markdownify}}
<br>
<strong>{{ .writtenBy | markdownify}} </strong>
</div>
</div>
{{ else }}
<div
@@ -90,22 +79,6 @@
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
<div class="pb-1">
<small>{{ .date }}</small>
{{ if .info.enable | default true }}
<span class="p-2">
<span
style="cursor: pointer;"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-original-title={{ .info.content | default (print "Worked as a " .job " at " .company ) }}
>
<i class="fas fa-info-circle fa-xs"></i>
</span>
</span>
{{ end }}
</div>
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
@@ -117,6 +90,8 @@
<div class="pt-2">
{{ .content | markdownify}}
<br>
<strong>{{ .writtenBy | markdownify}} </strong>
</div>
</div>
{{ end }}

46
static/css/index.css
View File

@@ -194,6 +194,52 @@ header .navbar.animate {
width: 100%;
}
/* Projects */
#projects a.btn.social-icon {
color: var(--primary-color) !important;
line-height: 0%;
border-radius: 50%;
margin-top: 50px;
padding: 0.7rem;
border: 1px solid var(--primary-color);
transition: none;
}
#projects a.btn.social-icon img {
width: 1em;
}
#projects a.btn.social-icon:hover {
opacity: 0.8;
}
#projects a.btn {
margin-top: 50px;
padding: 0.7rem 1.75rem;
border: 1px solid var(--primary-color);
color: var(--text-color) !important;
border-radius: .75rem;
transition: none;
}
#projects a.btn:focus {
box-shadow: none;
}
#projects a.btn:hover {
background-color: var(--secondary-color) !important;
color: var(--text-color) !important;
opacity: 0.9;
}
#projects a.btn.social-icon:hover {
background-color: var(--background-color) !important;
opacity: 0.7;
}
/* about me */