From 558f4e57c00310506096501d764d65ff0c58b3d7 Mon Sep 17 00:00:00 2001
From: Guuq <50501321+Guuq@users.noreply.github.com>
Date: Wed, 4 Dec 2019 10:16:08 +0100
Subject: [PATCH] Updated /feedback, added a footer and redid contact page
---
contact/css.css | 5 +-
contact/index.html | 1 +
css.css | 97 --------------------------
feedback/css.css | 50 ++++++++++++-
feedback/index.html | 60 +++++++++++++++-
index.html | 17 -----
playground/css.css | 24 +++----
playground/index.html | 76 +++++++++++++++++++-
resources/css/cssall.css | 44 ++++++++++++
vuurjongen-en-watermeisje-4/index.html | 68 +++++++++++++++++-
10 files changed, 308 insertions(+), 134 deletions(-)
diff --git a/contact/css.css b/contact/css.css
index e22a27a..35acef3 100644
--- a/contact/css.css
+++ b/contact/css.css
@@ -1,5 +1,4 @@
.main {
- background-color: #212126;
width: 100%;
float: left;
}
@@ -11,6 +10,7 @@
.form {
margin: 6rem auto;
width: 50%;
+ background-color: #454752;
position: relative;
border-radius: 7px;
box-shadow: 0px 0px 15px -3px rgba(0,0,0,1);
@@ -32,7 +32,6 @@
.dataInput {
width: 90%;
display: block;
- background-color: #2d2d33;
margin: 0 auto;
margin-bottom: 2rem;
}
@@ -40,7 +39,7 @@
outline: 0;
}
.info {
- background-color: #18181b;
+ background-color: #33353d;
box-shadow: 0 -1px 6px 1px hsla(0, 0%, 0%, 0.8);
width: 100%;
padding-top: 2rem;
diff --git a/contact/index.html b/contact/index.html
index 4805d98..e20c53d 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -47,6 +47,7 @@
Gelderland, Nederland
+
diff --git a/css.css b/css.css
index 9dd30ee..54e10f7 100644
--- a/css.css
+++ b/css.css
@@ -33,97 +33,11 @@ svg {
font-size: 2rem;
margin: 0;
}
-/* Feedback */
-#feedbackContent {
- background-color: #33353d;
- float: left;
- width: 100%;
-}
-.feedback {
- display: inline-block;
- padding: 14vh 0 14vh 5%;
- width: 50%;
- vertical-align: top;
-}
-#feedbackOne {
- border-right: #454752 4px solid;
-}
-.user {
- display: inline-block;
- min-width: 8rem;
-}
-.user h3 {
- text-align: center;
-}
-.userImg {
- width: 8rem;
- height: 8rem;
- margin-left: calc(50% - 4rem);
- margin-bottom: 2rem;
-}
-.userFeedback {
- font-family: 'Open Sans';
- display: inline-block;
- vertical-align: top;
- margin-left: 2rem;
- padding-left: 1rem;
- border-left: #ededed 2px solid;
- width: 30rem;
- word-wrap: break-word;
-}
-/* Footer */
-footer {
- background-color: black;
- width: 100%;
- position: relative;
- float: left;
- font-family: 'Open Sans', sans-serif;
-}
-footer div {
- margin: 5rem 0 3rem 8rem;
- display: inline-block;
- vertical-align: top;
-}
-footer h4 {
- color: gray;
-}
-footer ul {
- list-style-type: none;
- margin-top: 20px;
- padding: 0;
-}
-footer li {
- margin-top: 1rem;
-}
-#copyright {
- font-size: 15px;
- position: absolute;
- display: inline-block;
- margin: auto;
- bottom: 1rem;
- right: 1rem;
- white-space: nowrap;
- vertical-align: baseline;
-}
/* Mobile support */
@viewport {
width: device-width;
zoom: 1.0;
}
-@media screen and (min-width:0px) and (max-width:1525px) {
- .feedback {
- display: block!important;
- width: 100%!important;
- padding: 5vh 0 5vh;
- border-right: 0!important;
- }
- .user {
- margin-left: calc(50% - 20rem);
- }
- #feedbackOne {
- border-bottom: #454752 4px solid;
- }
-}
/* Support for mobile devices */
@media screen and (min-width:0px) and (max-width:1000px) {
section {
@@ -135,15 +49,4 @@ footer li {
.time {
font-size: 4rem!important;
}
- footer {
- float: left;
- width: 100%;
- display: block!important;
- }
- footer div {
- margin: 3rem 0 1rem 4rem!important;
- }
- #feedbackContent {
- float: left;
- }
}
diff --git a/feedback/css.css b/feedback/css.css
index 7c53d33..160d6ea 100644
--- a/feedback/css.css
+++ b/feedback/css.css
@@ -1 +1,49 @@
-jslkf
\ No newline at end of file
+.feedbackContent {
+ background-color: #33353d;
+ float: left;
+ margin-top: 55px;
+ width: 100%;
+}
+.feedback {
+ display: inline-block;
+ padding: 14vh 0 14vh 5%;
+ width: 50%;
+ vertical-align: top;
+ border-right: #454752 4px solid;
+ border-bottom: #454752 4px solid;
+}
+.user {
+ display: inline-block;
+ min-width: 8rem;
+}
+.user h3 {
+ text-align: center;
+}
+.userImg {
+ width: 8rem;
+ height: 8rem;
+ margin-left: calc(50% - 4rem);
+ margin-bottom: 2rem;
+}
+.userFeedback {
+ font-family: 'Open Sans';
+ display: inline-block;
+ vertical-align: top;
+ margin-left: 2rem;
+ padding-left: 1rem;
+ border-left: #ededed 2px solid;
+ width: 30rem;
+ word-wrap: break-word;
+}
+@media screen and (min-width:0px) and (max-width:1525px) {
+ .feedback {
+ display: block;
+ width: 100%;
+ padding: 5vh 0 5vh;
+ border-right: 0;
+ border-bottom: #454752 4px solid;
+ }
+ .user {
+ margin-left: calc(50% - 20rem);
+ }
+}
diff --git a/feedback/index.html b/feedback/index.html
index 871fdb7..06e943d 100644
--- a/feedback/index.html
+++ b/feedback/index.html
@@ -8,7 +8,7 @@
Feedback
-
+
@@ -17,11 +17,67 @@
+
+
+
+
+
+
Peer Droog
+
+
"Een goede en overzichtelijk website met een handige klok, wel mist er de mogelijkheid om je eigen plaatjes toe te voegen aan de shortcuts."
+
+
+
+
Guus van Meerveld
+
+
Zou jij graag je eigen feedback hier tussen zien? Ga dan naar contact en verstuur een bericht!
+
+
+
+
User
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a risus eu ex sagittis interdum ac ac odio. Proin eleifend turpis a aliquam.
+
+