diff --git a/cablar-alsace/chessboard/assets/images/adventuretimebackground.jpg b/cablar-alsace/chessboard/assets/images/adventuretimebackground.jpg new file mode 100644 index 0000000..4b9b4a6 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/adventuretimebackground.jpg differ diff --git a/cablar-alsace/chessboard/assets/images/adventuretimeheader.png b/cablar-alsace/chessboard/assets/images/adventuretimeheader.png new file mode 100644 index 0000000..02de943 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/adventuretimeheader.png differ diff --git a/cablar-alsace/chessboard/assets/images/bishop-dark.png b/cablar-alsace/chessboard/assets/images/bishop-dark.png new file mode 100644 index 0000000..fa6a7ad Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/bishop-dark.png differ diff --git a/cablar-alsace/chessboard/assets/images/bishop-light.png b/cablar-alsace/chessboard/assets/images/bishop-light.png new file mode 100644 index 0000000..9a98df2 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/bishop-light.png differ diff --git a/cablar-alsace/chessboard/assets/images/horse-dark.png b/cablar-alsace/chessboard/assets/images/horse-dark.png new file mode 100644 index 0000000..52e6824 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/horse-dark.png differ diff --git a/cablar-alsace/chessboard/assets/images/horse-light.png b/cablar-alsace/chessboard/assets/images/horse-light.png new file mode 100644 index 0000000..528a271 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/horse-light.png differ diff --git a/cablar-alsace/chessboard/assets/images/king-dark.png b/cablar-alsace/chessboard/assets/images/king-dark.png new file mode 100644 index 0000000..b52fbe3 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/king-dark.png differ diff --git a/cablar-alsace/chessboard/assets/images/king-light.png b/cablar-alsace/chessboard/assets/images/king-light.png new file mode 100644 index 0000000..a09a49d Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/king-light.png differ diff --git a/cablar-alsace/chessboard/assets/images/pawn.png b/cablar-alsace/chessboard/assets/images/pawn.png new file mode 100644 index 0000000..e0ce78d Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/pawn.png differ diff --git a/cablar-alsace/chessboard/assets/images/queen-dark.png b/cablar-alsace/chessboard/assets/images/queen-dark.png new file mode 100644 index 0000000..3d21d9e Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/queen-dark.png differ diff --git a/cablar-alsace/chessboard/assets/images/queen-light.png b/cablar-alsace/chessboard/assets/images/queen-light.png new file mode 100644 index 0000000..66caeda Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/queen-light.png differ diff --git a/cablar-alsace/chessboard/assets/images/rook-dark.png b/cablar-alsace/chessboard/assets/images/rook-dark.png new file mode 100644 index 0000000..79b4b8c Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/rook-dark.png differ diff --git a/cablar-alsace/chessboard/assets/images/rook-light.png b/cablar-alsace/chessboard/assets/images/rook-light.png new file mode 100644 index 0000000..2922010 Binary files /dev/null and b/cablar-alsace/chessboard/assets/images/rook-light.png differ diff --git a/cablar-alsace/chessboard/assets/scss/style.scss b/cablar-alsace/chessboard/assets/scss/style.scss new file mode 100644 index 0000000..1915caf --- /dev/null +++ b/cablar-alsace/chessboard/assets/scss/style.scss @@ -0,0 +1,44 @@ + + @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); + +.header { + width:50%; + height: 50%; + margin-left: auto; + margin-right: auto; + padding-bottom: 20px; +} + +.chessboard { + width: 60vw; + height: 60vw; + margin-left: auto; + margin-right: auto; + border: 10px solid black; +} + +.light { + background-color:white; + height: 12.5%; + width: 12.5%; + + float: left; + margin: auto; +} + +.dark { + background-color: darkgreen; + height: 12.5%; + width: 12.5%; + + float: left; + margin:auto; +} + +img { + width: 80%; + height: 80%; + margin-left: 10%; + margin-top:10%; +} + \ No newline at end of file diff --git a/cablar-alsace/chessboard/assets/stylesheets/style.css b/cablar-alsace/chessboard/assets/stylesheets/style.css new file mode 100644 index 0000000..2953ab8 --- /dev/null +++ b/cablar-alsace/chessboard/assets/stylesheets/style.css @@ -0,0 +1,41 @@ +@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap"); +.header { + width: 50%; + height: 50%; + margin-left: auto; + margin-right: auto; + padding-bottom: 20px; +} + +.chessboard { + width: 60vw; + height: 60vw; + margin-left: auto; + margin-right: auto; + border: 10px solid black; +} + +.light { + background-color: white; + height: 12.5%; + width: 12.5%; + float: left; + margin: auto; +} + +.dark { + background-color: darkgreen; + height: 12.5%; + width: 12.5%; + float: left; + margin: auto; +} + +img { + width: 80%; + height: 80%; + margin-left: 10%; + margin-top: 10%; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/cablar-alsace/chessboard/assets/stylesheets/style.css.map b/cablar-alsace/chessboard/assets/stylesheets/style.css.map new file mode 100644 index 0000000..4db21ef --- /dev/null +++ b/cablar-alsace/chessboard/assets/stylesheets/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AACS;AAET;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/cablar-alsace/chessboard/index.html b/cablar-alsace/chessboard/index.html new file mode 100644 index 0000000..02001a6 --- /dev/null +++ b/cablar-alsace/chessboard/index.html @@ -0,0 +1,94 @@ + + + + + + + Chessboard + + + + + + +
+ +
+ +
+ + +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/cablar-alsace/survey-form/assets/film-rolls.jpg b/cablar-alsace/survey-form/assets/film-rolls.jpg new file mode 100644 index 0000000..8fe1676 Binary files /dev/null and b/cablar-alsace/survey-form/assets/film-rolls.jpg differ diff --git a/cablar-alsace/survey-form/assets/film-scan-size.jpg b/cablar-alsace/survey-form/assets/film-scan-size.jpg new file mode 100644 index 0000000..c6c7063 Binary files /dev/null and b/cablar-alsace/survey-form/assets/film-scan-size.jpg differ diff --git a/cablar-alsace/survey-form/index.html b/cablar-alsace/survey-form/index.html new file mode 100644 index 0000000..30e7be2 --- /dev/null +++ b/cablar-alsace/survey-form/index.html @@ -0,0 +1,254 @@ + + + + + + + Survey Form + + + + + + + +
+ +

📸 FILM DEV+SCAN ORDER FORM 📸

+

Please fill up the form accordingly.
Take note that the lead time for orders are 5-7 days from the date of submission.

+ +
+ + +
+
+ + +

CONTACT INFORMATION

+ + +
+

+ + + +
+ + + +

+ + +


+
+ + + + +

ORDER DETAILS

+
+ + +
+ +

Film Format:

+
+ + +
+ + + + +
+ + + +
+ + + +

+
+ + +
+

+
+ + +
+

+
+ + +

Scan Format:

+
+ + +
+ + + +
+ + + +
+ + + +
+ +

+
+ +
+ +
+ + +
+

Other Instructions:

+ + +
+ + + +
+ + + +

+
+ + + +

+ + + +

+ +
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/cablar-alsace/survey-form/style.css b/cablar-alsace/survey-form/style.css new file mode 100644 index 0000000..c610854 --- /dev/null +++ b/cablar-alsace/survey-form/style.css @@ -0,0 +1,172 @@ +body{ + background-image: url("file:///C:/Users/ALSACE/AvionSchool/batch9-activities/cablar-alsace/survey-form/assets/film-rolls.jpg"); + background-repeat: no-repeat; + background-size: cover; + margin: 50px; + +} + +/*-------------------------------------HEADER-------------------------------------*/ +.field-header { + background-color: black; + font-family: 'Arial'; + + margin-left: auto; + margin-right: auto; + margin-top: 50px; + margin-bottom: 10px; + width:50%; + font-weight: bold; + padding: 1em; + border: 5px solid black; + border-radius: 1em; +} + +.field-header h1 { + font-family: 'Arial'; + color: white; + text-align: center; +} + +.field-header p { + font-family: 'Arial'; + font-style: italic; + color: white; + text-align: center; +} + + +/*-------------------------------------CONTACT DETAILS-------------------------------------*/ +.field-form { + background-color:black; + opacity: 90%; + font-family: 'Arial'; + + margin-left: auto; + margin-right: auto; + margin-top: auto; + margin-bottom: 10px; + + width:50%; + font-weight: bold; + color: white; + padding: 1em; + border: 5px solid black; + border-radius: 1em; +} + +.field-form h3 { + font-family: Arial; + color: whitesmoke; + text-align: center; +} + +.field-form p { + color: goldenrod; + text-align: left; +} + +#name { + width: 60%; +} +#name-label { + color: goldenrod; +} + +#email { + width: 40% +} +#email-label { + color: goldenrod; +} + +#number { + width: 30% +} +#number-label { + color: goldenrod; +} + + + +/*-------------------------------------ORDER DETAILS-------------------------------------*/ + +#date-label { + color: goldenrod; +} + +#film-stock-label { + color: goldenrod; +} + +#film-process-label { + color: goldenrod; +} + +#comments { + width: 90%; + font-family: Arial; + resize: none; +} +#comments-label { + color: goldenrod; +} + + +/*-------------------------------------SUBMIT BUTTON-------------------------------------*/ +#submit { + background-color:goldenrod; + color: black; + border: 2px solid #e7e7e7; + border-radius: 5px; +} +#submit:hover { + background-color: white; + color: goldenrod; + border-radius: 5px; + box-shadow: 0 1px 10px 0 white; + +} + +/*-------------------------------------RESULTS PAGE-------------------------------------*/ + +.results-page { + background-color: black; + font-family: 'Arial'; + + margin-left: auto; + margin-right: auto; + margin-top: 150px; + margin-bottom: 150px; + + width:50%; + font-weight: bold; + padding: 1em; + border: 5px solid black; + border-radius: 1em; +} + +.results-page h1 { + font-family: 'Arial'; + color: white; + text-align: center; + margin-top: 50px; +} + +.results-page p { + font-family: 'Arial'; + font-style: italic; + color: white; + text-align: center; + margin-left: 20px; + margin-right: 20px; + margin-bottom: 50px; +} + +.results-page a { + color: white; +} + +.results-page a:hover { + color: goldenrod; +} diff --git a/cablar-alsace/survey-form/surveyresult.html b/cablar-alsace/survey-form/surveyresult.html new file mode 100644 index 0000000..d42ff89 --- /dev/null +++ b/cablar-alsace/survey-form/surveyresult.html @@ -0,0 +1,31 @@ + + + + + + + Survey Form Results Page + + + + + + + +
+ +

✅ ORDER CONFIRMATION ✅

+ +

+ Thank you for placing your order!

+ Take note that the lead time for orders are 5-7 days from the date of submission.
+ Please wait for the official receipt via e-mail.

+ For more information, please visit our + website. +

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