From 2d0c384152c8bb3910233f0dd52220d3bfbf8746 Mon Sep 17 00:00:00 2001 From: Aryan Felix Date: Fri, 9 Oct 2020 18:50:27 +0530 Subject: [PATCH 1/6] First Task Completed --- Task1/README.md | 10 +++--- Task1/index.css | 34 +++++++++++++++++++ Task1/index.html | 88 ++++++++++++++++++++++++++++++++++++++++++++++++ Task1/index.js | 50 +++++++++++++++++++++++++++ 4 files changed, 176 insertions(+), 6 deletions(-) create mode 100644 Task1/index.css create mode 100644 Task1/index.html create mode 100644 Task1/index.js diff --git a/Task1/README.md b/Task1/README.md index 2bd6726..0b41c5e 100644 --- a/Task1/README.md +++ b/Task1/README.md @@ -7,21 +7,19 @@ # FrontEnd > -> Create a frontend JavaScript validated form using Regular Expressions with at least 8 different fields (Some fields can be: Name, Registration Number, Password, Email, etc). +> A frontend JavaScript validated form using Regular Expressions with at least 8 different fields (Some fields can be: Name, Registration Number, Password, Email, etc). --- -[![DOCS](https://img.shields.io/badge/Documentation-see%20docs-green?style=flat-square&logo=appveyor)](INSERT_LINK_FOR_DOCS_HERE) - [![UI ](https://img.shields.io/badge/User%20Interface-Link%20to%20UI-orange?style=flat-square&logo=appveyor)](INSERT_UI_LINK_HERE) + ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) -- Contributor Name -- Contributor Name +- Aryan Felix ## License [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)

- With :heart: by CodeAsylums + With :heart: by CodeAsylums Student Partners

\ No newline at end of file diff --git a/Task1/index.css b/Task1/index.css new file mode 100644 index 0000000..0a75e63 --- /dev/null +++ b/Task1/index.css @@ -0,0 +1,34 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); + +* { + font-family: 'Montserrat', sans-serif; +} + +div { + margin: 11%; +} + +form { + margin: 1% 30%; + padding: 2% 8%; + border-radius: 5px; + box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.3); +} + +input { + margin-top: 5px; + margin-bottom: 5px; +} + +p { + text-align: center; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + color: red; +} \ No newline at end of file diff --git a/Task1/index.html b/Task1/index.html new file mode 100644 index 0000000..f332b57 --- /dev/null +++ b/Task1/index.html @@ -0,0 +1,88 @@ + + + + Form Validation + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Name : + + +
+ Reg No : + + +
+ Password : + + +
+ E-Mail : + + +
+ Age : + + +
+ Zip Code : + + +
+ State : + + +
+ Country : + + +
+ + +

Made with ❤️ by Aryan Felix

+
+
+ + \ No newline at end of file diff --git a/Task1/index.js b/Task1/index.js new file mode 100644 index 0000000..cb9b850 --- /dev/null +++ b/Task1/index.js @@ -0,0 +1,50 @@ +function validateForm() { + if(document.myForm.name.value == "") { + alert( "Please provide your name!"); + document.myForm.Name.focus() ; + return false; + } + if(document.myForm.regno.value == "" || isNaN(document.myForm.regno.value) || document.myForm.regno.value.length != 9) { + alert("Please provide a 9 digit registration number."); + document.myForm.regno.focus() ; + return false; + } + if(document.myForm.pass.value == "" || document.myForm.pass.value.length < 8) { + alert("Please provide an 8 digit password."); + document.myForm.Name.focus() ; + return false; + } + if(document.myForm.email.value == "") { + alert("Please provide your Email!"); + document.myForm.EMail.focus() ; + return false; + } + var emailID = document.myForm.EMail.value; + atpos = emailID.indexOf("@"); + dotpos = emailID.lastIndexOf("."); + if (atpos < 1 || ( dotpos - atpos < 2 )) { + alert("Please enter correct email ID") + document.myForm.EMail.focus() ; + return false; + } + if(document.myForm.age.value == "" || isNaN(document.myForm.age.value)) { + alert("Please provide a valid age."); + document.myForm.Zip.focus() ; + return false; + } + if(document.myForm.zip.value == "" || isNaN(document.myForm.zip.value) || document.myForm.zip.value.length != 6) { + alert("Please provide a zip in the format ######. Ex: 100011"); + document.myForm.Zip.focus() ; + return false; + } + if(document.myForm.state.value == "") { + alert("Please provide your state!"); + return false; + } + let x = document.myForm.country.value; + if(x == "-1") { + alert("Please provide your country!"); + return false; + } + return( true ); +} \ No newline at end of file From acd4bd13e45c4f47626d5fd7df2446ec4864a14a Mon Sep 17 00:00:00 2001 From: Aryan Felix Date: Fri, 9 Oct 2020 19:01:44 +0530 Subject: [PATCH 2/6] First Task Completed (re) --- Task1/{ => AryanFelix}/README.md | 0 Task1/{ => AryanFelix}/index.css | 0 Task1/{ => AryanFelix}/index.html | 0 Task1/{ => AryanFelix}/index.js | 0 4 files changed, 0 insertions(+), 0 deletions(-) rename Task1/{ => AryanFelix}/README.md (100%) rename Task1/{ => AryanFelix}/index.css (100%) rename Task1/{ => AryanFelix}/index.html (100%) rename Task1/{ => AryanFelix}/index.js (100%) diff --git a/Task1/README.md b/Task1/AryanFelix/README.md similarity index 100% rename from Task1/README.md rename to Task1/AryanFelix/README.md diff --git a/Task1/index.css b/Task1/AryanFelix/index.css similarity index 100% rename from Task1/index.css rename to Task1/AryanFelix/index.css diff --git a/Task1/index.html b/Task1/AryanFelix/index.html similarity index 100% rename from Task1/index.html rename to Task1/AryanFelix/index.html diff --git a/Task1/index.js b/Task1/AryanFelix/index.js similarity index 100% rename from Task1/index.js rename to Task1/AryanFelix/index.js From 1d4277e674b8f803bb1e0b2fa60241705c75d044 Mon Sep 17 00:00:00 2001 From: Aryan Felix Date: Sun, 11 Oct 2020 20:08:27 +0530 Subject: [PATCH 3/6] Task 2 --- Task2/AryanFelix/README.md | 28 ++++++++++ Task2/AryanFelix/index.css | 91 ++++++++++++++++++++++++++++++++ Task2/AryanFelix/index.html | 100 ++++++++++++++++++++++++++++++++++++ Task2/README.md | 27 ---------- 4 files changed, 219 insertions(+), 27 deletions(-) create mode 100644 Task2/AryanFelix/README.md create mode 100644 Task2/AryanFelix/index.css create mode 100644 Task2/AryanFelix/index.html delete mode 100644 Task2/README.md diff --git a/Task2/AryanFelix/README.md b/Task2/AryanFelix/README.md new file mode 100644 index 0000000..096dad0 --- /dev/null +++ b/Task2/AryanFelix/README.md @@ -0,0 +1,28 @@ +

+ +<Repo> Logo + +

+ +# FrontEnd + +> +> A web page which displays a total of 5 videos on the same page. 4 in the first half. 1 in the second half. + +--- + +## Instructions +> VERY IMPORTANT + - Run this code on a server or else the video will not play. Youtube is very specific with its policy and embedded videos will not play locally. Server is mandatory. + - Start : index.html + +## Contributors +Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Aryan Felix + +## License +[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) + +

+ With :heart: by CodeAsylums Student Fellowship Program +

\ No newline at end of file diff --git a/Task2/AryanFelix/index.css b/Task2/AryanFelix/index.css new file mode 100644 index 0000000..0ad3673 --- /dev/null +++ b/Task2/AryanFelix/index.css @@ -0,0 +1,91 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap'); + +* { + margin: 0; + padding: 0; + font-family: 'Montserrat', sans-serif; + font-weight: 400; + scroll-behavior: smooth; +} + +html, body { + height: 100%; +} + +.container-fluid { + height: 100%; + text-align: center; +} + +.mostView { + background: #000000; + color: #ffffff; +} + +.mostView .heading h1 , .mostLike .heading h1{ + padding: 20px 40px; + font-weight: 800; +} + +.mostView .carousel .carousel-caption h5, .mostLike .carousel-inner .carousel-caption h5{ + font-weight: 800; +} + +.mostView .carousel .carousel-caption p, .mostLike .carousel-inner .carousel-caption p{ + font-weight: 600; +} + +.mostView .carousel, .mostLike .carousel-inner { + padding: 30px; +} + +.footer .next { + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +.footer a { + text-decoration: none; + color: #ffffff; +} + +.mostLike { + background:white; + color: #000000; +} + +.mostLike .footer .next { + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +.mostLike .footer a { + text-decoration: none; + color: #000000; +} + +.mostLike .carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +footer { + text-align: center; + background: #000000; + margin: 0; + color: #ffffff; +} + +footer p { + margin: 0; + padding: 5px; +} + +footer a { + color: #ffffff; + text-decoration: none; +} + +footer a:hover { + color: red; + text-decoration: none; +} \ No newline at end of file diff --git a/Task2/AryanFelix/index.html b/Task2/AryanFelix/index.html new file mode 100644 index 0000000..94ef3de --- /dev/null +++ b/Task2/AryanFelix/index.html @@ -0,0 +1,100 @@ + + + + + + YouTube Hall of Fame + + + + + +
+
+

Most Viewed Youtube Videos

+
+ +
+

Next!

+ +
+
+ +
+
+

Most Liked YouTube Video

+
+
+
+ +
+
Despacito
+

7 Billion Views

+
+
+
+
+ +

Prev!

 +
+
+ + + + + + + + + \ No newline at end of file diff --git a/Task2/README.md b/Task2/README.md deleted file mode 100644 index c7c08f3..0000000 --- a/Task2/README.md +++ /dev/null @@ -1,27 +0,0 @@ -

- -<Repo> Logo - -

- -# FrontEnd - -> -> Create a web page which displays 4 videos on the same page. The first video should start playing on its own when page loads. All videos must have mute, pause and play options. Add CSS to make it look good. Also add a YouTube video to the bottom of the page. - ---- -[![DOCS](https://img.shields.io/badge/Documentation-see%20docs-green?style=flat-square&logo=appveyor)](INSERT_LINK_FOR_DOCS_HERE) - [![UI ](https://img.shields.io/badge/User%20Interface-Link%20to%20UI-orange?style=flat-square&logo=appveyor)](INSERT_UI_LINK_HERE) - - -## Contributors -Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) -- Contributor Name -- Contributor Name - -## License -[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) - -

- With :heart: by CodeAsylums -

\ No newline at end of file From 12306c3a76b98217c0c17841cd216297ff197efa Mon Sep 17 00:00:00 2001 From: Aryan Felix Date: Mon, 12 Oct 2020 01:01:08 +0530 Subject: [PATCH 4/6] Fixed README.md --- Task1/README.md | 27 +++++++++++++++++++++++++++ Task2/README.md | 27 +++++++++++++++++++++++++++ 2 files changed, 54 insertions(+) create mode 100644 Task1/README.md create mode 100644 Task2/README.md diff --git a/Task1/README.md b/Task1/README.md new file mode 100644 index 0000000..8516c18 --- /dev/null +++ b/Task1/README.md @@ -0,0 +1,27 @@ +

+ +<Repo> Logo + +

+ +# FrontEnd + +> +> Create a frontend JavaScript validated form using Regular Expressions with at least 8 different fields (Some fields can be: Name, Registration Number, Password, Email, etc). + +--- +[![DOCS](https://img.shields.io/badge/Documentation-see%20docs-green?style=flat-square&logo=appveyor)](INSERT_LINK_FOR_DOCS_HERE) + [![UI ](https://img.shields.io/badge/User%20Interface-Link%20to%20UI-orange?style=flat-square&logo=appveyor)](INSERT_UI_LINK_HERE) + + +## Contributors +Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Anjan Nair +- Contributor Name + +## License +[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) + +

+ With :heart: by CodeAsylums +

\ No newline at end of file diff --git a/Task2/README.md b/Task2/README.md new file mode 100644 index 0000000..c7c08f3 --- /dev/null +++ b/Task2/README.md @@ -0,0 +1,27 @@ +

+ +<Repo> Logo + +

+ +# FrontEnd + +> +> Create a web page which displays 4 videos on the same page. The first video should start playing on its own when page loads. All videos must have mute, pause and play options. Add CSS to make it look good. Also add a YouTube video to the bottom of the page. + +--- +[![DOCS](https://img.shields.io/badge/Documentation-see%20docs-green?style=flat-square&logo=appveyor)](INSERT_LINK_FOR_DOCS_HERE) + [![UI ](https://img.shields.io/badge/User%20Interface-Link%20to%20UI-orange?style=flat-square&logo=appveyor)](INSERT_UI_LINK_HERE) + + +## Contributors +Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Contributor Name +- Contributor Name + +## License +[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) + +

+ With :heart: by CodeAsylums +

\ No newline at end of file From 358f2e1d5e811742c772b491bd68aad984ea6e49 Mon Sep 17 00:00:00 2001 From: Aryan Felix Date: Mon, 12 Oct 2020 01:06:28 +0530 Subject: [PATCH 5/6] Readme.md fixed --- Task1/README.md | 3 ++- Task2/README.md | 3 +-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/Task1/README.md b/Task1/README.md index 8516c18..839f4bf 100644 --- a/Task1/README.md +++ b/Task1/README.md @@ -16,8 +16,9 @@ ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Aryan Felix - Anjan Nair -- Contributor Name + ## License [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) diff --git a/Task2/README.md b/Task2/README.md index c7c08f3..d1f1fea 100644 --- a/Task2/README.md +++ b/Task2/README.md @@ -16,8 +16,7 @@ ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) -- Contributor Name -- Contributor Name +- Aryan Felix ## License [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) From d8f0beb497f6cc115833948df9378f2f71e02acf Mon Sep 17 00:00:00 2001 From: Aryan Felix Date: Wed, 14 Oct 2020 15:05:38 +0530 Subject: [PATCH 6/6] Readme.md updated --- Task1/README.md | 2 +- Task2/README.md | 1 + Task3/README.md | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/Task1/README.md b/Task1/README.md index 839f4bf..e69ead8 100644 --- a/Task1/README.md +++ b/Task1/README.md @@ -16,8 +16,8 @@ ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) -- Aryan Felix - Anjan Nair +- Aryan Felix ## License diff --git a/Task2/README.md b/Task2/README.md index d1f1fea..50890d3 100644 --- a/Task2/README.md +++ b/Task2/README.md @@ -16,6 +16,7 @@ ## Contributors Follow the guidelines mentioned in [Contribution Guidelines](https://github.com/CodeAsylums-Community/template/blob/main/CONTRIBUTIONS.md) +- Praveen M - Aryan Felix ## License diff --git a/Task3/README.md b/Task3/README.md index 940e2cc..1390852 100644 --- a/Task3/README.md +++ b/Task3/README.md @@ -7,7 +7,7 @@ # FrontEnd > -> Redesign the CA website (https://ca- community.akshatvg.com). Use CSS to beautify the page.. +> Redesign the CA website (https://ca-community.akshatvg.com). Use CSS to beautify the page.. --- [![DOCS](https://img.shields.io/badge/Documentation-see%20docs-green?style=flat-square&logo=appveyor)](INSERT_LINK_FOR_DOCS_HERE)