Conversion of scss into tailwind (#2)

* installed tailwind

* updated menu - tailwind

* removed old style

* updated container size for navigation

* updated footer style - tailwind

* updated header style - tailwind

* updated colors

* updated about section - tailwind

* updated experiences style - tailwind

* WIP

* improved responsiveness

* updated favorite projects

* updated buttons

* updated projects view

* updated footer style

* updated about view

* updated project view

* updated style for contact form

* updated mail contact

* final style update

* fixed buttons

* fix scroll button

* added autoscroll for contact form

* updated paths in project

* empty line added

* unnecessary comment removed
This commit is contained in:
2022-08-02 17:01:32 +02:00
committed by GitHub
parent 7475bb5671
commit 7bee728518
27 changed files with 1066 additions and 1343 deletions

View File

@@ -1,39 +1,45 @@
<template>
<section id="about">
<div class="container">
<p>
<strong>Nazywam się Kamil Niemczycki. Jestem młodym i ambitnym inżynierem oprogramowania. Specjalizuję się w tworzeniu frontendów i backendów.
W projektach wykorzystuję techologie oparte o PHP i JavaScript, tworząc skomplikowane i skalowalne aplikacje internetowe.</strong>
</p>
<h2>Studia</h2>
<p>
Jestem absolwentem Państwowej Wyższej Szkoły Zawodowej im. Witelona w Legnicy. Studiowałem na kierunku <em>Informatyka</em> o specjalności <em>Programowanie Aplikacji Mobilnych i Internetowych.</em>
</p>
<p>
Podczas studiów zdobyłem niezbędną wiedzę z zakresu projektowania, wdrażania i rozwoju aplikacji internetowych, mobilnych i desktopowych.
Zdobyłem także umiejętności pracy w zespole, które owocują tworzeniem merytorycznej dyskusji na temat części lub całości projektu.
</p>
<h3>Kursy</h3>
<p>
W ramach studiów uzyskałem zaświadczenie dotyczące ukończenia kursu:
<strong><a
:href="publicPath + 'download/certyfikat-laravel.pdf'"
target="_blank"
rel="noopener nofollow noreferrer"
>
Architektura aplikacji internetowych opartych o framework Laravel</a></strong>.
</p>
<p>
Umożliwiło mi to szersze spojrzenie na możliwości jakie daje nam Laravel i wzbogaconie poprzednio zdobytej
wiedzy o nowe doświadczenia.
</p>
<h2>Moje zainteresowania</h2>
<p>
W wolnym czasie przyjmuje małe zlecenia na strony lub serwisy internetowe. Uczę się nowych języków
programowania lub frameworków w znanych mi już technologiach. Hobbistycznie, tworzę także rozwiązania do
problemów przy prywatnych projektach.
</p>
</div>
<section class="max-w-screen-xl mx-auto px-6 xl:px-2 py-11">
<p class="font-bold">
Nazywam się Kamil Niemczycki. Jestem młodym i ambitnym inżynierem oprogramowania. Specjalizuję się w tworzeniu frontendów i backendów.
W projektach wykorzystuję techologie oparte o PHP i JavaScript, tworząc skomplikowane i skalowalne aplikacje internetowe.
</p>
<h2 class="text-[2rem]">
Studia
</h2>
<p>
Jestem absolwentem Państwowej Wyższej Szkoły Zawodowej im. Witelona w Legnicy. Studiowałem na kierunku <em>Informatyka</em> o specjalności <em>Programowanie Aplikacji Mobilnych i Internetowych.</em>
</p>
<p>
Podczas studiów zdobyłem niezbędną wiedzę z zakresu projektowania, wdrażania i rozwoju aplikacji internetowych, mobilnych i desktopowych.
Zdobyłem także umiejętności pracy w zespole, które owocują tworzeniem merytorycznej dyskusji na temat części lub całości projektu.
</p>
<h3 class="text-[1.5rem]">
Kursy
</h3>
<p>
W ramach studiów uzyskałem zaświadczenie dotyczące ukończenia kursu:
<a
:href="publicPath + 'download/certyfikat-laravel.pdf'"
class="text-gray-500 underline hover:text-kamilcraft-green hover:no-underline"
target="_blank"
rel="noopener nofollow noreferrer"
>
Architektura aplikacji internetowych opartych o framework Laravel
</a>.
</p>
<p>
Umożliwiło mi to szersze spojrzenie na możliwości jakie daje nam Laravel i wzbogaconie poprzednio zdobytej
wiedzy o nowe doświadczenia.
</p>
<h2 class="text-[2rem]">
Moje zainteresowania
</h2>
<p>
W wolnym czasie przyjmuje małe zlecenia na strony lub serwisy internetowe. Uczę się nowych języków
programowania lub frameworków w znanych mi już technologiach. Hobbistycznie, tworzę także rozwiązania do
problemów przy prywatnych projektach.
</p>
</section>
</template>
@@ -60,32 +66,3 @@ onUnmounted(() => {
store.commit('resetHeaderDescription')
})
</script>
<style lang="scss">
section#about {
padding: 45px 0;
background-color: #fafafa !important;
h2 {
margin-top: 25px;
&:first-of-type {
margin-top: 10px;
}
}
h3 {
font-size: 1.3em;
margin-top: 8px;
margin-bottom: 10px;
}
a {
color: #8D8D8D;
&:hover {
color: #A2CF00;
}
}
}
</style>