From: tenkyuu Date: Tue, 13 Aug 2024 12:15:06 +0000 (+0800) Subject: survey form project X-Git-Url: https://git.bochard.net/?a=commitdiff_plain;h=a824d171010df462096054fc760557d25fc43242;p=mysite.git survey form project --- diff --git a/javascript/script.js b/javascript/script.js index bc17eb9..1ab1018 100644 --- a/javascript/script.js +++ b/javascript/script.js @@ -10,4 +10,12 @@ function menuToggleClose() { } function imgClickNull() { alert("No link for this project yet. Construction still ongoing!"); +} + +// survey-form.html +function fakeSubmittedNotice() { + alert("Yeah, it works! (not actually submitted lol, idk php yet.)"); +} +function termsNull() { + alert("i didn't made a real terms and conditions ^.^"); } \ No newline at end of file diff --git a/projects/form-landing.html b/projects/form-landing.html new file mode 100644 index 0000000..910fc8a --- /dev/null +++ b/projects/form-landing.html @@ -0,0 +1 @@ +The form was submitted. \ No newline at end of file diff --git a/projects/survey-form.css b/projects/survey-form.css new file mode 100644 index 0000000..88ec569 --- /dev/null +++ b/projects/survey-form.css @@ -0,0 +1,103 @@ +*, +::before, +::after { + box-sizing: border-box; + margin: 0; + padding: 0; +} +html { + font-size: 62.5%; +} +body { + font-family: "Raleway", sans-serif; +} +main { + display: flex; + justify-content: center; + align-items: center; + background-color: #22243e; + height: 100vh; +} +.form-container { + width: 90%; + max-width: 45rem; + height: 80%; + padding: 4rem 2rem; + background-color: #e5e5e5; + border: 0.2rem solid #000; + border-radius: 1.4rem; + box-shadow: #000 0.7rem 1rem 0.7rem; +} +.header-container, .footer-container { + text-align: center; +} +form { + padding: 1rem 2rem; +} +.form-title { + font-size: 2.8rem; + font-family: "DM Sans", sans-serif; + font-weight: 900; +} +.form-subheading { + font-size: 1.6rem; + font-family: "DM Sans", sans-serif; + font-weight: 600; +} +.italicize { + font-style: italic; +} +fieldset { + border: none; + border-bottom: 0.2rem solid gray; + padding-bottom: 1.4rem; + margin-bottom: 1rem; +} +legend, p { + font-size: 1.4rem; + margin: 0.7rem; +} +label { + font-size: 1.4rem; + display: block; + margin: 0.7rem auto; +} +input, select, textarea { + padding: 0.2rem 0.4rem; + border: 0.1rem solid #000; + border-radius: 0.3rem; + background-color: #e5e5e5; + font-family: "Raleway", sans-serif; +} +input:focus, select:focus, textarea:focus { + box-shadow: #000 0.1rem 0.1rem; +} +option:checked { + background-color: #22243e; + color: #e5e5e5; +} +input[type="radio"], input[type="checkbox"] { + accent-color: #22243e; +} +textarea { + width: 100%; + height: 7rem; + resize: none; +} +input[type="submit"] { + font-family: "DM Sans", sans-serif; + font-weight: 700; + font-size: 1.8rem; + padding: 0.4rem 2rem; + background-color: #22243e; + color: #e5e5e5; + cursor: pointer; +} +input[type="submit"]:hover, input[type="submit"]:focus { + background-color: #e5e5e5; + color: #000; + transition: 0.2s; +} +a { + color: #22243e; +} \ No newline at end of file diff --git a/projects/survey-form.html b/projects/survey-form.html new file mode 100644 index 0000000..b94af95 --- /dev/null +++ b/projects/survey-form.html @@ -0,0 +1,87 @@ + + + + + + + + + + Survey Form by tenkyuu + + + + + + + + + + + + + + + + + +
+
+
+

Sign Up

+

Fill out the following information to join.

+
+
+
+ + + + + + +
+ +
+ + +
+ +
+ Where did you hear about us? (optional) + + + + +
+ +
+ What do you think about this form? (optional) + +
+ +
+

+ By signing up, you hereby agree to the Terms and Conditions. +

+ +
+
+
+
+ + + + \ No newline at end of file