From 9cd2e0ec1d5c2e2ecc82ef7a402423b704b0cd73 Mon Sep 17 00:00:00 2001 From: luckyavailable Date: Thu, 9 Jul 2020 22:02:23 -0400 Subject: [PATCH 1/4] 90% website completed --- ReadMe.html | 25 ++++++ Student_Details.html | 56 ++++++++++++ css/style.css | 191 +++++++++++++++++++++++++++++++++++++++-- img/boyimage.png | Bin 0 -> 4862 bytes img/images.png | Bin 0 -> 9941 bytes img/schoolemoji.jpg | Bin 0 -> 10272 bytes img/studentemoji.png | Bin 0 -> 17934 bytes js/school.js | 70 +++++++++++++++ photoUpload.html | 21 +++++ school_attendance.html | 50 +++++++++++ 10 files changed, 408 insertions(+), 5 deletions(-) create mode 100644 ReadMe.html create mode 100644 Student_Details.html create mode 100644 img/boyimage.png create mode 100644 img/images.png create mode 100644 img/schoolemoji.jpg create mode 100644 img/studentemoji.png create mode 100644 js/school.js create mode 100644 photoUpload.html create mode 100644 school_attendance.html diff --git a/ReadMe.html b/ReadMe.html new file mode 100644 index 0000000..e058677 --- /dev/null +++ b/ReadMe.html @@ -0,0 +1,25 @@ + + + + + +

This website is designed for K-5 elementary school which focuses mainly on taking student attendance remotely.

+

This project has 3 major goals.


+ +1) Student Attendance:

Created student boxes using flexbox and 3 check boxes to indicate their presence and a submit button submits attendance of student in the main page. In this page, used following HTML elements and custom .CSS and .JS files.

+ +Main HTML elements used in this page.
+a) div created using flexcontainer
+b) checkBox
+c) image
+d) button
+e) custom .css used to create flexdirection/border/style/width etc
+f) custom .js functions to read user selection and alert to the teacher on #ofstudent attended.
+g) Used external styling.

+ + +2.Photoupload:

This link takes the students to upload their photos,I have used Html file elements and custom functions to validate if the file is a photo or not.I have also used Regex for this link.

+ +3.Student details:

This link gives the details of all students in the form of a html form and table.

+ + \ No newline at end of file diff --git a/Student_Details.html b/Student_Details.html new file mode 100644 index 0000000..e4b6d81 --- /dev/null +++ b/Student_Details.html @@ -0,0 +1,56 @@ + + + + Student Details + + + + + +
+

Dr.Phillips Elementary School

+ schoolemoji +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Student IDStudent NameStudent AddressEmergency Contact
01 A103 Bastille lane,Orlando(321)332-9807
02 B 201 Dr.Phillips drive,Charlotte (321)345-6576
03 C345 holy drive,MN (213)456-5434
04 D456 crest drive,SC (223)-456-1234
05E345 castle drive,IL (223)-456-3456
+ + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index d17d83a..682840e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,9 +1,190 @@ -body { - background-color: navy; + +.header { + padding: 30px; /* some padding */ + text-align: center; /* center the text */ + background: #1abc9c; /* green background */ + color: white; /* white text color */ +} + +/* Increase the font size of the

element */ +.header h1 { + font-size: 40px; +} +.navbar { + overflow: hidden; /* Hide overflow */ + background-color: #333; /* Dark background color */ +} +.flex-container { + display: flex; + align-items:center; + align-content: space-between; + flex-direction: row; + background-color: DodgerBlue; + +} +.divsize{ + background-color: #f1f1f1; + margin: 10px; + padding: 20px; + font-size: 30px; + width:220px; +} + +myimage { + width:100px; + height:5%; +} + +mybutton{ + background-color: #f1f1f1; + margin: 10px; + padding: 20px; + font-size: 30px; + width:220px; +} +table, th, td { + border: 1px solid black; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +/* Style the navigation bar links */ +.navbar a { + float: left; /* Make sure that the links stay side-by-side */ + display: block; /* Change the display to block, for responsive reasons (see below) */ + color: white; /* White text color */ + text-align: center; /* Center the text */ + padding: 14px 20px; /* Add some padding */ + text-decoration: none; /* Remove underline */ } +/* Right-aligned link */ +.navbar a.right { + float: right; /* Float a link to the right */ +} +/* Change color on hover/mouse-over */ +.navbar a:hover { + background-color: #ddd; /* Grey background color */ + color: black; /* Black text color */ +} +/* Ensure proper sizing */ +* { + box-sizing: border-box; +} + +/* Column container */ +.row { + display: flex; + flex-wrap: wrap; +} -object { - height: 100vh; - width: 100vh; +/* Create two unequal columns that sits next to each other */ +/* Sidebar/left column */ +.side { + flex: 30%; /* Set the width of the sidebar */ + background-color: #f1f1f1; /* Grey background color */ + padding: 20px; /* Some padding */ } + +/* Main column */ +.main { + flex: 70%; /* Set the width of the main content */ + background-color: white; /* White background color */ + padding: 20px; /* Some padding */ +} +/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */ +@media screen and (max-width: 700px) { + .row { + flex-direction: column; + } +} + +/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */ +@media screen and (max-width: 400px) { + .navbar a { + float: none; + width: 100%; + } +} +.footer { + padding: 20px; /* Some padding */ + text-align: center; /* Center text*/ + background: #ddd; /* Grey background */ + diff --git a/img/boyimage.png b/img/boyimage.png new file mode 100644 index 0000000000000000000000000000000000000000..184482345739964130f5a60bd4aa225e6880e65a GIT binary patch literal 4862 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 M#r}MU=KnbVKY`9cp8x;= literal 0 HcmV?d00001 diff --git a/img/studentemoji.png b/img/studentemoji.png new file mode 100644 index 0000000000000000000000000000000000000000..bf1f7268b287006ccbddf67bc965ef42d24274b8 GIT binary patch literal 17934 zcmV)$K#sqOP)004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00007 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®8ZMpL5E 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 JPDHLkV1oS!(}Ms2 literal 0 HcmV?d00001 diff --git a/js/school.js b/js/school.js new file mode 100644 index 0000000..baefefb --- /dev/null +++ b/js/school.js @@ -0,0 +1,70 @@ +function verifyAttendance() { + var attended= 0; + var absent =0; + var v=document.getElementById("student1").checked; + if(v==true) + attended++; + else + absent++; + var u=document.getElementById("student2").checked; + if(u==true) + attended++; + else + absent++; + var z=document.getElementById("student3").checked; + if(z==true) + attended++; + else + absent++; + var a=document.getElementById("student4").checked; + if(a==true) + attended++; + else + absent++; + var b=document.getElementById("student5").checked; + if(b==true) + attended++; + else + absent++; + alert( + "Total #of students in class "+eval(attended+absent)+"\n"+ + "Total #of students presented "+attended+"\n"+ + "Total #of students absent "+absent); +} + +var fileExtn=""; +var fileName=""; + +function myUpload() { + var x = document.getElementById("myFile"); + if (x.files.length == 0) { + alert("Please select an image file to upload"); + } else + { + for (var i = 0; i < x.files.length; i++) + { + var file = x.files[i]; + fileName =file.name; + console.log("The fileName "+fileName); + fileExtn = checkFileExtension(); + if((fileExtn =='png') || (fileExtn =='jpg') || (fileExtn =='jif')){ + console.log("extension "+fileExtn); + alert ("Uploaded successfully"); + } + else{ + console.log("extension "+fileExtn); + alert("upload only images files"); + } + + } + } + } + + /**Using regexp to find extension of the file */ + function checkFileExtension() { + regex = new RegExp('[^.]+$'); + console.log("RegEx"+regex); + fileExtn = fileName.match(regex); + return fileExtn; + + } \ No newline at end of file diff --git a/photoUpload.html b/photoUpload.html new file mode 100644 index 0000000..0b20229 --- /dev/null +++ b/photoUpload.html @@ -0,0 +1,21 @@ + + + + + + + PHOTO UPLOAD + + +
+

Dr.Phillips Elementary School

+ schoolemoji +

+

Please upload student's photo

+
+ +

+ + + + \ No newline at end of file diff --git a/school_attendance.html b/school_attendance.html new file mode 100644 index 0000000..6028388 --- /dev/null +++ b/school_attendance.html @@ -0,0 +1,50 @@ + + + + + SCHOOL ATTENDANCE + + + + + +
+

Dr.Phillips Elementary School

+ schoolemoji +
+
+ Student Attendance + Photo Upload + Student Details + Help +
+ + +
+
Student A + + +
+
Student B + + +
+
Student C + + +
+
Student D + + +
+
Student E + + +
+
+
+
+ +
+ + \ No newline at end of file From afa13f46944e10a16fe9d6fbbdc7f8ee93e200e1 Mon Sep 17 00:00:00 2001 From: luckyavailable Date: Fri, 10 Jul 2020 15:18:39 -0400 Subject: [PATCH 2/4] edits --- Student_Details.html | 38 ++++++++++++++++++ css/style.css | 43 ++++++++++++++++++++ index.html | 89 +++++++++++++++++++----------------------- js/school.js | 3 +- school_attendance.html | 50 ------------------------ 5 files changed, 124 insertions(+), 99 deletions(-) delete mode 100644 school_attendance.html diff --git a/Student_Details.html b/Student_Details.html index e4b6d81..c7a51ee 100644 --- a/Student_Details.html +++ b/Student_Details.html @@ -52,5 +52,43 @@

Dr.Phillips Elementary School

+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index 682840e..2b89c9f 100644 --- a/css/style.css +++ b/css/style.css @@ -187,4 +187,47 @@ table, th, td { padding: 20px; /* Some padding */ text-align: center; /* Center text*/ background: #ddd; /* Grey background */ +/* Dropdown Button */ +.dropbtn { + background-color: #3498DB; + color: white; + padding: 16px; + font-size: 16px; + border: none; + cursor: pointer; +} + +/* Dropdown button on hover & focus */ +.dropbtn:hover, .dropbtn:focus { + background-color: #2980B9; +} + +/* The container
- needed to position the dropdown content */ +.dropdown { + position: relative; + display: inline-block; +} + +/* Dropdown Content (Hidden by Default) */ +.dropdown-content { + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +/* Links inside the dropdown */ +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +/* Change color of dropdown links on hover */ +.dropdown-content a:hover {background-color: #ddd} +/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ +.show {display:block;} diff --git a/index.html b/index.html index 4dc0c72..6028388 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,50 @@ - - - - - - - - - + + SCHOOL ATTENDANCE - + - - - - - - - - - - - - - - - - - - - - - The quickest of brown foxes. - - - - - - -
- - -
- - - +
+

Dr.Phillips Elementary School

+ schoolemoji +
+
+ Student Attendance + Photo Upload + Student Details + Help +
+ + +
+
Student A + + +
+
Student B + + +
+
Student C + + +
+
Student D + + +
+
Student E + + +
+
+
+
+ +
- - - - \ No newline at end of file diff --git a/js/school.js b/js/school.js index baefefb..fda5c61 100644 --- a/js/school.js +++ b/js/school.js @@ -67,4 +67,5 @@ function myUpload() { fileExtn = fileName.match(regex); return fileExtn; - } \ No newline at end of file + } + diff --git a/school_attendance.html b/school_attendance.html deleted file mode 100644 index 6028388..0000000 --- a/school_attendance.html +++ /dev/null @@ -1,50 +0,0 @@ - - - - - SCHOOL ATTENDANCE - - - - - -
-

Dr.Phillips Elementary School

- schoolemoji -
-
- Student Attendance - Photo Upload - Student Details - Help -
- - -
-
Student A - - -
-
Student B - - -
-
Student C - - -
-
Student D - - -
-
Student E - - -
-
-
-
- -
- - \ No newline at end of file From 80b0723f565a891adaf60d9fd4b0eddfb459bbf6 Mon Sep 17 00:00:00 2001 From: luckyavailable Date: Fri, 10 Jul 2020 16:42:48 -0400 Subject: [PATCH 3/4] edited --- README.md | 107 ------------------------------------ ReadMe.html | 7 ++- Student_Details.html | 127 +++++++++++++++++++------------------------ css/style.css | 5 ++ js/school.js | 7 +++ 5 files changed, 73 insertions(+), 180 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index 7ed589e..0000000 --- a/README.md +++ /dev/null @@ -1,107 +0,0 @@ -# AD - SBA - HTML/CSS/JavaScript - - - -### Description -* In this Skill-based Assessment, you will be creating a small website and you get to pick what is the website about. The main purpose of this SBA is to test your skills in implementing a clean HTML structure that follows the methodologies of visual design, and styling your site so that it is user-friendly. - -* You have the entire day for this SBA. Make sure to check in with your instructor for approval of your idea. Your work will be graded based on the below technical requirements. Also, creativity always works in your favor. - -* Since this is your first time creating a 3 page website, keep it simple. Keeping it simple is very important. It ensures that you can complete this project within the given time and also gives you a better idea of what can you get done in the given time if you were to do it again with more requirements. - -* Once you got your idea, think in the user’s perspective when creating the website.  You like your users to have a good experience when interacting with your site. This gives you a better chance of users trusting your site and coming back for more. For this SBA, don’t worry too much about the content. There are many places you can get free content to display on your site. Concentrate more on the web site's structure and grid system. - - -* Some resources for free content: - * Photos: `https://www.pexels.com/search/template/` - * Text: `https://www.lipsum.com/` - * GIFs: `https://www.motionelements.com/stock-image-10116013-business-and-startup-4k` - -* Useful API sites: - * https://rapidapi.com/ (Links to an external site.) - * https://any-api.com/ (Links to an external site.) - * https://github.com/toddmotto/public-apis#public-apis- (Links to an external site.) - * https://apilist.fun/ - -### Deliverable: -* A theme for your site that you feel comfortable with - * Complete all technical requirements for HTML, CSS, and Javascript - * Have markups of your pages - * Research for a public API that can provide you with content (Optional) - * Include a README file. The file should include technical specifications and description of your website. - * Host on GitHub, include the link to your GitHub account in the README file(optional) - * Submit the project in a ZIP file - - - - -## Technical requirements - -* HTML - * Have at least 3 pages, keep the grid system consistent as much as possible - * Use at least 10 different HTML tags - * Use HTML tables - * Implement at least two uses for forms - * Dropped Down Menu - * Use web fonts - * Use different types of content in the form of text, images, videos, and GIFs - * Use regex validation - -* CSS - * Inline, internal, and external styling - * Use five different CSS selectors - * Don’t use too many fonts - * Use colors that complement each other - * Use Flexbox (Optional) - * Use SASS/SCSS (Optional) - * Use animations (Optional) - -* Javascript - * External scripts - * Use variables, if statements, loops, at least one form of collections, functions/call back, and events - * Use AJAX (Optional) - * Use JSON or XML (Optional) - * Use JQuery (Optional) - - - -## How to Download - -#### Part 1 - Forking the Project -* To _fork_ the project, click the `Fork` button located at the top right of the project. - - -#### Part 2 - Navigating to _forked_ Repository -* Navigate to your github profile to find the _newly forked repository_. -* Copy the URL of the project to the clipboard. - -#### Part 3 - Cloning _forked_ repository -* Clone the repository from **your account** into the `~/dev` directory. - * if you do not have a `~/dev` directory, make one by executing the following command: - * * `mkdir ~/dev` - * navigate to the `~/dev` directory by executing the following command: - * * `cd ~/dev` - * clone the project by executing the following command: - * * `git clone https://github.com/${MYUSERNAME}/${NAMEOFPROJECT}` - - - - - - -## How to Submit - -#### Part 1 - _Pushing_ local changes to remote repository -* from a _terminal_ navigate to the root directory of the _cloned_ project. -* from the root directory of the project, execute the following commands: - * * add all changes - * * `git add .` - * * commit changes to be pushed - * * `git commit -m 'I have added changes'` - * * push changes to your repository - * * `git push -u origin master` - -#### Part 2 - Submitting assignment -* from the browser, navigate to the _forked_ project from **your** github account. -* click the `Pull Requests` tab. -* select `New Pull Request` diff --git a/ReadMe.html b/ReadMe.html index e058677..e145997 100644 --- a/ReadMe.html +++ b/ReadMe.html @@ -6,8 +6,10 @@

This website is designed for K-5 elementary school which focuses mainly on taking student attendance remotely.

This project has 3 major goals.


-1) Student Attendance:

Created student boxes using flexbox and 3 check boxes to indicate their presence and a submit button submits attendance of student in the main page. In this page, used following HTML elements and custom .CSS and .JS files.

+Link to website
+ +
1) Student Attendance:

Created student boxes using flexbox and 3 check boxes to indicate their presence and a submit button submits attendance of student in the main page. In this page, used following HTML elements and custom .CSS and .JS files.

Main HTML elements used in this page.
a) div created using flexcontainer
b) checkBox
@@ -17,9 +19,10 @@ f) custom .js functions to read user selection and alert to the teacher on #ofstudent attended.
g) Used external styling.

- 2.Photoupload:

This link takes the students to upload their photos,I have used Html file elements and custom functions to validate if the file is a photo or not.I have also used Regex for this link.

3.Student details:

This link gives the details of all students in the form of a html form and table.

+ + \ No newline at end of file diff --git a/Student_Details.html b/Student_Details.html index c7a51ee..2054580 100644 --- a/Student_Details.html +++ b/Student_Details.html @@ -11,84 +11,69 @@

Dr.Phillips Elementary School

schoolemoji
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Student IDStudent NameStudent AddressEmergency Contact
01 A103 Bastille lane,Orlando(321)332-9807
02 B 201 Dr.Phillips drive,Charlotte (321)345-6576
03 C345 holy drive,MN (213)456-5434
04 D456 crest drive,SC (223)-456-1234
05E345 castle drive,IL (223)-456-3456
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/css/style.css b/css/style.css index 2b89c9f..0bce4a7 100644 --- a/css/style.css +++ b/css/style.css @@ -231,3 +231,8 @@ table, th, td { /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show {display:block;} + +.student{ + float:right; + + } \ No newline at end of file diff --git a/js/school.js b/js/school.js index fda5c61..f42fb55 100644 --- a/js/school.js +++ b/js/school.js @@ -69,3 +69,10 @@ function myUpload() { } + /**This function is under construction.*/ + + function enterStudentDetails() { + alert("Student submitted successfully") + + } + From 6ce22d9ffc714c86945b398bd0e19fd927d226be Mon Sep 17 00:00:00 2001 From: luckyavailable Date: Fri, 10 Jul 2020 16:56:43 -0400 Subject: [PATCH 4/4] edited --- README.md | 107 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..7ed589e --- /dev/null +++ b/README.md @@ -0,0 +1,107 @@ +# AD - SBA - HTML/CSS/JavaScript + + + +### Description +* In this Skill-based Assessment, you will be creating a small website and you get to pick what is the website about. The main purpose of this SBA is to test your skills in implementing a clean HTML structure that follows the methodologies of visual design, and styling your site so that it is user-friendly. + +* You have the entire day for this SBA. Make sure to check in with your instructor for approval of your idea. Your work will be graded based on the below technical requirements. Also, creativity always works in your favor. + +* Since this is your first time creating a 3 page website, keep it simple. Keeping it simple is very important. It ensures that you can complete this project within the given time and also gives you a better idea of what can you get done in the given time if you were to do it again with more requirements. + +* Once you got your idea, think in the user’s perspective when creating the website.  You like your users to have a good experience when interacting with your site. This gives you a better chance of users trusting your site and coming back for more. For this SBA, don’t worry too much about the content. There are many places you can get free content to display on your site. Concentrate more on the web site's structure and grid system. + + +* Some resources for free content: + * Photos: `https://www.pexels.com/search/template/` + * Text: `https://www.lipsum.com/` + * GIFs: `https://www.motionelements.com/stock-image-10116013-business-and-startup-4k` + +* Useful API sites: + * https://rapidapi.com/ (Links to an external site.) + * https://any-api.com/ (Links to an external site.) + * https://github.com/toddmotto/public-apis#public-apis- (Links to an external site.) + * https://apilist.fun/ + +### Deliverable: +* A theme for your site that you feel comfortable with + * Complete all technical requirements for HTML, CSS, and Javascript + * Have markups of your pages + * Research for a public API that can provide you with content (Optional) + * Include a README file. The file should include technical specifications and description of your website. + * Host on GitHub, include the link to your GitHub account in the README file(optional) + * Submit the project in a ZIP file + + + + +## Technical requirements + +* HTML + * Have at least 3 pages, keep the grid system consistent as much as possible + * Use at least 10 different HTML tags + * Use HTML tables + * Implement at least two uses for forms + * Dropped Down Menu + * Use web fonts + * Use different types of content in the form of text, images, videos, and GIFs + * Use regex validation + +* CSS + * Inline, internal, and external styling + * Use five different CSS selectors + * Don’t use too many fonts + * Use colors that complement each other + * Use Flexbox (Optional) + * Use SASS/SCSS (Optional) + * Use animations (Optional) + +* Javascript + * External scripts + * Use variables, if statements, loops, at least one form of collections, functions/call back, and events + * Use AJAX (Optional) + * Use JSON or XML (Optional) + * Use JQuery (Optional) + + + +## How to Download + +#### Part 1 - Forking the Project +* To _fork_ the project, click the `Fork` button located at the top right of the project. + + +#### Part 2 - Navigating to _forked_ Repository +* Navigate to your github profile to find the _newly forked repository_. +* Copy the URL of the project to the clipboard. + +#### Part 3 - Cloning _forked_ repository +* Clone the repository from **your account** into the `~/dev` directory. + * if you do not have a `~/dev` directory, make one by executing the following command: + * * `mkdir ~/dev` + * navigate to the `~/dev` directory by executing the following command: + * * `cd ~/dev` + * clone the project by executing the following command: + * * `git clone https://github.com/${MYUSERNAME}/${NAMEOFPROJECT}` + + + + + + +## How to Submit + +#### Part 1 - _Pushing_ local changes to remote repository +* from a _terminal_ navigate to the root directory of the _cloned_ project. +* from the root directory of the project, execute the following commands: + * * add all changes + * * `git add .` + * * commit changes to be pushed + * * `git commit -m 'I have added changes'` + * * push changes to your repository + * * `git push -u origin master` + +#### Part 2 - Submitting assignment +* from the browser, navigate to the _forked_ project from **your** github account. +* click the `Pull Requests` tab. +* select `New Pull Request`