-
+
+
-
-
diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
index ca2e214..25a0f60 100644
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -1,48 +1,45 @@
- ![]()
- ![]()
+
+ ![]()
+ ![]()
-
{{ project.title }}
-{{ project.version }}
-
+ + {{ project.title }} +
+
+ {{ project.version }}
+
+
+
- ![]()
+ ![Moje zdjęcie]()
@@ -27,6 +44,20 @@
+
+
-
diff --git a/src/components/sections/Experiences.vue b/src/components/sections/Experiences.vue
deleted file mode 100644
index 26e334b..0000000
--- a/src/components/sections/Experiences.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-
-
{{ getTitle }}
-{{ getDescription }}
-{{ desc }}
++ {{ getDescription }} +
++ {{ desc }} +
-
Kamil Niemczycki
-Web Developer
- 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.
++ Kamil Niemczycki +
+
+ Web Developer
+
+ + 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. +
-
-
-
-
-
-
diff --git a/src/components/sections/ExperiencesSection.vue b/src/components/sections/ExperiencesSection.vue
new file mode 100644
index 0000000..eebeb39
--- /dev/null
+++ b/src/components/sections/ExperiencesSection.vue
@@ -0,0 +1,255 @@
+
+
-
- Wykorzystywane technologie
-- Programowaniem stron internetowych zajmuję się najmłodszych lat, czyli od 2011 roku. Pierwsze projekty były - proste i najczęściej na użytek własny. Jednakże, doświadczenie zebrane przez lata pomogło mi wyselekcjonować - technologie, które wspomagają pisanie i rozwijanie oprogramowania. -
-
-
-
-
-
-
-
- {{ skill.header }}
-{{ skill.description }}
-{{ parseText(skill.description) }}... Więcej
-
+
+
+
+
+
+
diff --git a/src/components/sections/FavoriteProjects.vue b/src/components/sections/FavoriteProjects.vue
index 1d3df87..b9139cb 100644
--- a/src/components/sections/FavoriteProjects.vue
+++ b/src/components/sections/FavoriteProjects.vue
@@ -7,41 +7,33 @@
+
+ Wykorzystywane technologie
++ Programowaniem stron internetowych zajmuję się najmłodszych lat, czyli od 2011 roku. Pierwsze projekty były + proste i najczęściej na użytek własny. Jednakże, doświadczenie zebrane przez lata pomogło mi wyselekcjonować + technologie, które wspomagają pisanie i rozwijanie oprogramowania. +
+
+
+
+
+
+
+
+ {{ skill.header }}
++ {{ skill.description }} +
++ {{ parseText(skill.description) }}... Więcej +
+
-
- Formularz kontaktowy:
-
-
@@ -153,17 +227,35 @@ export default {
font-weight: bold;
}
-.contact_container input, .contact_container textarea {
- width: 97%;
- max-width: 97%;
- border: 0;
- border-bottom: 2px solid #c9c9c9;
- padding: 10px 10px 8px;
- font-size: 1em;
- font-family: var(--font-family);
- line-height: 1.3em;
- margin-bottom: 10px;
- border-radius: 5px;
+.contact_container {
+ .label-info {
+ width: 97%;
+ padding-bottom: 5px;
+ color: #7a7a7a;
+ }
+
+ .error-message {
+ width: 97%;
+ padding: 5px 0 10px;
+ color: #d44950;
+ }
+
+ input, textarea {
+ width: 97%;
+ max-width: 97%;
+ border: 0;
+ border-bottom: 2px solid #c9c9c9;
+ padding: 10px 10px 8px;
+ font-size: 1em;
+ font-family: var(--font-family);
+ line-height: 1.3em;
+ margin-bottom: 15px;
+ border-radius: 5px;
+ }
+}
+
+.contact_input::placeholder {
+ color: #bdbdbd;
}
.contact_input:focus, .contact_input:focus {
@@ -177,14 +269,14 @@ textarea.contact_input {
min-height: 150px;
}
-.contact_input-error, .contact_input-error {
- background-color: #ffc3b0;
- border-color: #ff865f;
- color: #c90000;
+input.contact_input-error, textarea.contact_input-error {
+ border-color: #d44950;
+ color: #d44950;
+ margin-bottom: 0;
}
.contact_input-error::placeholder, .contact_input-error::placeholder {
- color: #c9000094;
+ color: #d7626a;
}
input[disabled].contact_input {
@@ -211,8 +303,8 @@ input[disabled].contact_input {
}
.message_error {
- background-color: #ffc3b0;
- border: 1px solid #ff865f;
- color: #c90000;
+ background-color: #f8d7da;
+ border: 1px solid #f5c6cb;
+ color: #721c24;
}
diff --git a/src/components/sections/contacts/OtherContact.vue b/src/components/sections/contacts/OtherContact.vue
index d603bb1..6856559 100644
--- a/src/components/sections/contacts/OtherContact.vue
+++ b/src/components/sections/contacts/OtherContact.vue
@@ -1,53 +1,86 @@
- Inne formy kontaktu:
+
+ Inne formy kontaktu:
+
-
-
-
-
diff --git a/src/views/Contact.vue b/src/views/ContactView.vue
similarity index 75%
rename from src/views/Contact.vue
rename to src/views/ContactView.vue
index 6f14137..10b9b31 100644
--- a/src/views/Contact.vue
+++ b/src/views/ContactView.vue
@@ -7,24 +7,23 @@
-
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
index 934b6ca..0088ac3 100644
--- a/src/views/NotFound.vue
+++ b/src/views/NotFound.vue
@@ -10,12 +10,6 @@
- 
-
- Instagram: @NiKCamii
+
+
+ Instagram: @NiKCamii
-
- Instagram: @NiKCamii
+
+
+ Instagram: @NiKCamii
- 
-
- Facebook: @NiKCamii
+
+
+ Facebook: @NiKCamii
-
- Facebook: @NiKCamii
+
+
+ Facebook: @NiKCamii
- 
-
- Twitter: @NiKCamii
+
+
+ Twitter: @NiKCamii
-
- Twitter: @NiKCamii
+
+
+ Twitter: @NiKCamii
- 
- GG: 38429969
+
+ GG: 38429969
- GG: 38429969
+
+ GG: 38429969
- 
-
+
+
Email: contact@kamilcraft.com
-
+
+
Email: contact@kamilcraft.com