From 5ee9693187ad4ac1d9c77586180a45559282c03e Mon Sep 17 00:00:00 2001 From: arpitmisraw <32339738+arpitmisraw@users.noreply.github.com> Date: Sat, 3 Feb 2018 11:08:32 +0530 Subject: [PATCH 1/2] Made a ProDesigner Website (#74) * Added html, css and js for website * Solved some issues * Added some changes * Minor changes --- index.html | 385 +++++++++++++++++++++++++++++++++++++++++++++++++++++ script.js | 36 +++++ style.css | 96 +++++++++++++ 3 files changed, 517 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..d8b8a2a --- /dev/null +++ b/index.html @@ -0,0 +1,385 @@ + + + + + + + ProDesigner + + + +
+ ProDesigner +
+
+
+ +
+
+
+
+
    +
  1. + Vishal Pani +

    See the Pen Wine Glass by Vishal Pani (@falconis) on CodePen.

    + +
    2. + + +
  2. + Arpit Mishra +

    See the Pen Wine Glass by Arpit Mishra (@arpitmisraw) on CodePen.

    + +
    3. + + +
  3. + Nikita Jain +

    See the Pen PEBNyy by Nikita Jain (@nikki1016) on CodePen.

    + +
    4. + + +
  4. + Aayush Joglekar +

    See the Pen Pure CSS Wine Glass by Aayush Joglekar (@aayushjoglekar) on CodePen.

    + +
    5. + + +
  5. + Govind Dixit +

    See the Pen vpzWvv by Govind Dixit (@Govind05) on CodePen.

    + +
    6. + + +
  6. + Vivek Raj +

    See the Pen zpJaeG by Vivek Raj (@vivek731) on CodePen.

    + +
    7. + + +
  7. + Ekansh Bansal +

    See the Pen godXgB by Ekansh Bansal (@Ace-Bansal) on CodePen.

    + +
    8. + + +
  8. + Yash Agarwal +

    See the Pen Wine Glass by Yash Agarwal (@yash-agarwal17) on CodePen.

    + +
    9. +
  9. + Jigar Chavada +

    See the Pen Wine Glass by Jigar (@jsc39) on CodePen.

    + +
    10. + + +
  10. + Rudransh Gupta +

    See the Pen a pure css wine glass by Rudransh Gupta (@hacker1x1x1) on CodePen.

    + +
    11. + + +
  11. + Ananya Agrawal +

    See the Pen wine glass by ananya (@ananya-agrawal) on CodePen.

    + +
    12. + + +
  12. + Adesh Shukla +

    See the Pen Pure CSS Images Task 1 - Wine Glass by Adesh Shukla (@aadixiiita) on CodePen.

    + +
    13. + +
  13. + Sneha Mishra +

    See the Pen purecss wineglass by Tlazypanda (@Tlazypanda) on CodePen.

    + +
    14. +
+ +
+
+
    +
  1. + Nikita Jain +

    See the Pen OzwBVO by Nikita Jain (@nikki1016) on CodePen.

    + +
    2. + + +
  2. + Vishal Pani +

    See the Pen Dog pure CSS by Vishal Pani (@falconis) on CodePen.

    + +
    3. + + +
  3. + Aayush Joglekar +

    See the Pen doge by Aayush Joglekar (@aayushjoglekar) on CodePen.

    + +
    4. + + +
  4. + Ekansh Bansal +

    See the Pen Doge by Ekansh Bansal (@Ace-Bansal) on CodePen.

    + +
    5. + + +
  5. + Rudransh Gupta +

    See the Pen doge with blinking eyes by Rudransh Gupta (@hacker1x1x1) on CodePen.

    + +
    6. + + +
  6. + Yash Agarwal +

    See the Pen Dog Animated by Yash Agarwal (@yash-agarwal17) on CodePen.

    + +
    7. + + +
  7. + Adesh Shukla +

    See the Pen DOGE CSS by Adesh Shukla (@aadixiiita) on CodePen.

    + +
    8. +
+
+
+
    +
  1. + Aayush Joglekar +

    See the Pen Login Page UI by Aayush Joglekar (@aayushjoglekar) on CodePen.

    + +
    2. + + +
  2. + Govind Dixit +

    See the Pen JMBVbw by Govind Dixit (@Govind05) on CodePen.

    + +
    3. + + +
  3. + Kaushtub Rawat +

    See the Pen First ink by Kaushtub Rawat (@marshallKR7) on CodePen.

    + +
    4. + + +
  4. + Naman Tiwari +

    See the Pen LeJENq by Naman (@namantw) on CodePen.

    + +
    5. + + +
  5. + Nikita Jain +

    See the Pen RxYqMY by Nikita Jain (@nikki1016) on CodePen.

    + +
    6. +
  6. + Vivek Raj +

    See the Pen JMwYYo by Vivek Raj (@vivek731) on CodePen.

    + +
    7. + + +
  7. + Yash Agarwal +

    See the Pen Login by Yash Agarwal (@yash-agarwal17) on CodePen.

    + +
    8. + + +
  8. + Rudransh Gupta +

    See the Pen my login page by Rudransh Gupta (@hacker1x1x1) on CodePen.

    + +
    9. + + +
  9. + Ambuj Agrawal +

    See the Pen MrLPgj by Ambuj (@cuz7_8_9) on CodePen.

    + +
    10. + + +
  10. + Druval CR +

    See the Pen Login page by Druval (@Druv) on CodePen.

    + +
    11. + + +
  11. + Adesh Shukla +

    See the Pen Concept 1 LogIn UI by Adesh Shukla (@aadixiiita) on CodePen.

    + +
    12. +
+
+
+
    +
  1. + Aayush Joglekar +

    See the Pen Pure CSS Cat by Aayush Joglekar (@aayushjoglekar) on CodePen.

    + +
    2. + + +
  2. + Adesh Shukla +

    See the Pen Pure CSS Cat by Adesh Shukla (@aadixiiita) on CodePen.

    + +
    3. + + +
  3. + Ananya Agrawal +

    See the Pen cat by ananya (@ananya-agrawal) on CodePen.

    + +
    4. + + +
  4. + Rudransh Gupta +

    See the Pen cat robot by Rudransh Gupta (@hacker1x1x1) on CodePen.

    + +
    5. +
+
+
+
    +
  1. + Vivek Raj +

    See the Pen VyqvBW by Vivek Raj (@vivek731) on CodePen.

    + +
    2. + + +
  2. + Ananya Agrawal +

    See the Pen snowman by ananya (@ananya-agrawal) on CodePen.

    + +
    3. + + +
  3. + Nikita Jain +

    See the Pen mpvWoQ by Nikita Jain (@nikki1016) on CodePen.

    + +
    4. + + +
  4. + Yash Agarwal +

    See the Pen Snowman by Yash Agarwal (@yash-agarwal17) on CodePen.

    + +
    5. + + +
  5. + Ekansh Bansal +

    See the Pen Snowman by Ekansh Bansal (@Ace-Bansal) on CodePen.

    + +
    6. + + +
  6. + Adesh Shukla +

    See the Pen Snowman by Adesh Shukla (@aadixiiita) on CodePen.

    + +
    7. + + +
  7. + Rudransh Gupta +

    See the Pen mysnowman by Rudransh Gupta (@hacker1x1x1) on CodePen.

    + +
    8. +
+
+
+
    +
  1. + Aayush Joglekar +

    See the Pen Chat UI by Aayush Joglekar (@aayushjoglekar) on CodePen.

    + +
    2. + + +
  2. + Ekansh Bansal +

    See the Pen Opencode Concept 2 - Chat by Ekansh Bansal (@Ace-Bansal) on CodePen.

    + +
    3. +
+
+
+
    +
  1. + Ananya Agrawal +

    See the Pen opencode by ananya (@ananya-agrawal) on CodePen.

    + +
    2. +
+
+
+
    +
  1. + Druval CR +

    See the Pen Parallax by Druval (@Druv) on CodePen.

    + +
    2. +
+
+
+
    +
  1. + Vivek Raj +
    2. +
+
+
+
    +
  1. + Ekansh Bansal +

    See the Pen Concept 5 - Isometric Design by Ekansh Bansal (@Ace-Bansal) on CodePen.

    + +
    2. +
+
+
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..f7dd7fc --- /dev/null +++ b/script.js @@ -0,0 +1,36 @@ +var projects = document.querySelectorAll(".projects li"); +var pen = document.querySelectorAll(".project-links p"); +var links = document.querySelectorAll(".links"); + +function select() +{ + this.classList.add("selected"); + window.scroll({ top: 0, left: 0, behavior: "smooth" }); + for(var j = 0; j < projects.length; j++) + { + if(projects[j] !== this) + { + projects[j].classList.remove("selected"); + links[j].style.display = "none"; + } + else + { + links[j].style.display = "block"; + } + } +} + + + +for(var i = 0; i < projects.length; i++) +{ + projects[i].addEventListener("click", select); +} + +for(var k = 0; k < pen.length; k++) +{ + pen[k].setAttribute("data-height", "400"); + pen[k].setAttribute("data-default-tab", "result"); +} + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..6b09e32 --- /dev/null +++ b/style.css @@ -0,0 +1,96 @@ +body +{ + overflow-x: hidden; +} +.top-bar +{ + width: 100%; + padding-top: 1%; + padding-bottom: 1%; + background-color: rgba(21, 21, 21, 1); + position: fixed; + top: 0%; + left: 0%; + text-align: center; + color: white; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 5vh; + z-index: 2; + overflow: hidden; +} + +.side-bar +{ + position: fixed; + left: 0%; + top: 0%; + background-color: rgba(21, 21, 21, 1); + width: 20vh; + height: 100%; + overflow: hidden; +} + +.projects +{ + position: relative; + top: 10vh; +} + +.projects li +{ + padding-top: 2.5vh; + padding-bottom: 2.5vh; + list-style: none; + color: white; + text-align: center; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + cursor: pointer; + border-bottom: 0.2vh solid white; +} + +.projects li:hover +{ + background-color: rgba(31, 31, 31, 1); +} + +.selected +{ + background-color: rgba(50, 50, 50, 1); + display: block; +} + +.links +{ + position: absolute; + top: 15vh; + left: 35vh; + display: none; + width: 200vh; + overflow: hidden; +} + +.links li +{ + padding-top: 3vh; + padding-right: 30vh; + font-size: 3vh; + font-family: cursive; + padding-bottom: 3vh; + width: 50vh; + display: inline-block; + float: left; +} + +.links a +{ + color: black; + font-size: 3vh; + text-decoration: none; + +} + +a:hover +{ + color: blue; +} + From 5e312ef24a967ad47594b6cfd17a4599556edbe1 Mon Sep 17 00:00:00 2001 From: Vishal Pani <30634978+falconis@users.noreply.github.com> Date: Mon, 5 Feb 2018 02:18:31 +0530 Subject: [PATCH 2/2] Add Chat UI (#81) --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3923b0d..0d1faca 100644 --- a/README.md +++ b/README.md @@ -59,6 +59,7 @@ ## Chat UI - [Created by Aayush Joglekar](https://codepen.io/aayushjoglekar/full/OzBdPR) - [Created by Ekansh Bansal](https://codepen.io/Ace-Bansal/pen/jYQzPv) + - [Created by Vishal Pani](https://codepen.io/falconis/full/GQJXKO/) ## Snowman - [Created by Vivek Raj](https://codepen.io/vivek731/pen/VyqvBW)