Skip to content

Commit 77254f7

Browse files
committed
Hackotberfest Info and Project Admin Info Added
1 parent 4077df3 commit 77254f7

File tree

8 files changed

+237
-0
lines changed

8 files changed

+237
-0
lines changed
Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<h2>Hey <𝚌𝚘𝚍𝚎𝚛𝚜/>! <img src="https://raw.githubusercontent.com/ABSphreak/ABSphreak/master/gifs/Hi.gif" width="30px"> </h2>
2+
<p align='center'>
3+
<a href="https://pranjay-portfolio.web.app/"><img src="./intro.gif" width="1000" title="hover text"></a>
4+
</p>
5+
<p align='center'>
6+
<b><i>Let's connect! Find me on the web.</i></b>
7+
</p>
8+
9+
<p align='center'>
10+
<a href="https://www.linkedin.com/in/pranjay-poddar/"><img height="30" src="https://github.com/pranjay-poddar/pranjay-poddar/blob/master/icons/linkedin.png?raw=true"></a>
11+
<a href="https://www.behance.net/pranjaypoddar"><img height="30" src="https://github.com/pranjay-poddar/pranjay-poddar/blob/master/icons/behance.png?raw=true"></a>
12+
<a href="https://twitter.com/PranjayPoddar"><img height="30" src="https://github.com/pranjay-poddar/pranjay-poddar/blob/master/icons/twitter.png?raw=true"></a>
13+
<a href="https://instagram.com/pranjay_poddar"><img height="30" src="https://github.com/pranjay-poddar/pranjay-poddar/blob/master/icons/instagram.png?raw=true"></a>
14+
<a href="https://medium.com/@pranjaypoddar"><img height="30" src="https://github.com/pranjay-poddar/pranjay-poddar/blob/master/icons/medium.png?raw=true"></a>
15+
<a href="https://www.youtube.com/catalyticoriginals"><img height="30" src="https://github.com/pranjay-poddar/pranjay-poddar/blob/master/icons/youtube.png?raw=true"></a>
16+
</p>
17+
18+
<h2>About Me:</h2>
19+
<p>I'm a third-year undergraduate student pursuing BTECH in CSE with a specialization in Cloud Computing. I love making websites and Apps and have a keen interest in front-end development. I'm passionate about open source development, web development, web designing, and graphic designing.</p>
20+
<table align="center">
21+
<tr>
22+
<td style="border-right: 1px solid #eeeeef;"> 🌟 Mentor at <a href="https://github.com/girlscript/winter-of-contributing">GWOC'21</a></td>
23+
<td style="border-right: 1px solid #eeeeef;"> 💻 Contributor at <a href="https://github.com/Hack-Club-SRM/HCSSoC">HCSSOC'21</a> </td>
24+
<td> 💻 Contributor at <a href="https://github.com/DevIncept">DCP'21</a> </td>
25+
</tr>
26+
</table>
27+
28+
<h2>Blog Posts:</h2>
29+
<p>I write technical blog posts, most of which you will find on my website and on medium. I assiduously contribute to the development community and like to help other fellow developers on Twitter.</p>
30+
31+
<h2>Tools And Technologies:</h2>
32+
<p align="center">
33+
<img alt="HTML5" src="https://img.shields.io/badge/html5-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/>
34+
<img alt="CSS3" src="https://img.shields.io/badge/css3-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/>
35+
<img alt="Bootstrap" src="https://img.shields.io/badge/bootstrap-%23563D7C.svg?&style=for-the-badge&logo=bootstrap&logoColor=white"/>
36+
<img alt="JavaScript" src="https://img.shields.io/badge/javascript-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E"/>
37+
<img alt="TypeScript" src="https://img.shields.io/badge/typescript-%23007ACC.svg?&style=for-the-badge&logo=typescript&logoColor=white"/>
38+
<img alt="C" src="https://img.shields.io/badge/C-00599C?style=for-the-badge&logo=c&logoColor=white"/>
39+
<img alt="C++" src="https://img.shields.io/badge/c++-%2300599C.svg?&style=for-the-badge&logo=c%2B%2B&ogoColor=white"/>
40+
<img alt="Python" src="https://img.shields.io/badge/python-%2314354C.svg?&style=for-the-badge&logo=python&logoColor=white"/>
41+
<img alt="Angular" src="https://img.shields.io/badge/angular-%23DD0031.svg?&style=for-the-badge&logo=angular&logoColor=white"/>
42+
<img alt="Material UI" src="https://img.shields.io/badge/materialui-%230081CB.svg?&style=for-the-badge&logo=material-ui&logoColor=white"/>
43+
<img alt="Markdown" src="https://img.shields.io/badge/markdown-%23000000.svg?&style=for-the-badge&logo=markdown&logoColor=white"/>
44+
<!-- <img alt="Express.js" src="https://img.shields.io/badge/express.js-%23404d59.svg?&style=for-the-badge"/> -->
45+
<img alt="NodeJS" src="https://img.shields.io/badge/node.js-%2343853D.svg?&style=for-the-badge&logo=node.js&logoColor=white"/>
46+
<!-- <img alt="React" src="https://img.shields.io/badge/react-%2320232a.svg?&style=for-the-badge&logo=react&logoColor=%2361DAFB"/> -->
47+
<!-- <img alt="SASS" src="https://img.shields.io/badge/SASS-hotpink.svg?&style=for-the-badge&logo=SASS&logoColor=white"/> -->
48+
<img alt="Adobe" src="https://img.shields.io/badge/adobe-%23FF0000.svg?&style=for-the-badge&logo=adobe&logoColor=white"/>
49+
<img alt="Canva" src="https://img.shields.io/badge/Canva-%2300C4CC.svg?&style=for-the-badge&logo=Canva&logoColor=white"/>
50+
<!-- <img alt="Figma" src="https://img.shields.io/badge/figma-%23F24E1E.svg?&style=for-the-badge&logo=figma&logoColor=white"/> -->
51+
<img alt="Visual Studio Code" src="https://img.shields.io/badge/VisualStudioCode-0078d7.svg?&style=for-the-badge&logo=visual-studio-code&logoColor=white"/>
52+
<img alt="Git" src="https://img.shields.io/badge/git-%23F05033.svg?&style=for-the-badge&logo=git&logoColor=white"/>
53+
<img alt="GitHub" src="https://img.shields.io/badge/github-%23121011.svg?&style=for-the-badge&logo=github&logoColor=white"/>
54+
<!-- <img alt="Google Cloud" src="https://img.shields.io/badge/GoogleCloud-%234285F4.svg?&style=for-the-badge&logo=google-cloud&logoColor=white"/> -->
55+
<img alt="MongoDB" src ="https://img.shields.io/badge/MongoDB-%234ea94b.svg?&style=for-the-badge&logo=mongodb&logoColor=white"/>
56+
<img alt="Ubuntu" src="https://img.shields.io/badge/Ubuntu-E95420?style=for-the-badge&logo=ubuntu&logoColor=white" />
57+
<img alt="Windows 10" src="https://img.shields.io/badge/Windows-0078D6?style=for-the-badge&logo=windows&logoColor=white" />
58+
<img alt="Netlify" src="https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white"/>
59+
<img alt="Heroku" src="https://img.shields.io/badge/heroku-%23430098.svg?&style=for-the-badge&logo=heroku&logoColor=white"/>
60+
<img alt="Firebase" src="https://img.shields.io/badge/firebase-%23039BE5.svg?&style=for-the-badge&logo=firebase"/>
61+
</p>
62+
63+
<h2>Channels:</h2>
64+
<p>I have a youtube channel Catalytic Originals in which I post Vlogs, animations, music and educational videos.</p>
65+
66+
![Views](https://img.shields.io/youtube/channel/views/UC7Pmr_UD715nTsNO9mmYQow?style=social) ![Subs](https://img.shields.io/youtube/channel/subscribers/UC7Pmr_UD715nTsNO9mmYQow?style=social)
67+
68+
<details>
69+
<summary><strong>Links to Portfolio, Channel Website and Tenor Page</strong></summary>
70+
<p><a href="https://pranjay.tech">Portfolio</a></p>
71+
<p><a href="https://pranjay-poddar.github.io/catalytic_originals/">Catalytic Original Website</a></p>
72+
<p><a href="https://tenor.com/official/pranjay_poddar">Official Tenor Page</a></p>
73+
</details>
74+
75+
<img align="left" height="210px" src="https://github-readme-stats.vercel.app/api?username=pranjay-poddar&show_icons=true&count_private=true&title_color=ff0087&bg_color=fafbfc00&text_color=a2a2a2" alt="pranjay's github stats" />
76+
77+
<img height="210px" src="https://github-readme-stats.vercel.app/api/top-langs/?username=pranjay-poddar&title_color=ff0087&bg_color=fafbfc00&text_color=35b5ff" alt="pranjay's most languages used stats" />
78+
79+
![Profile views](https://komarev.com/ghpvc/?username=pranjay-poddar&title_color=ff0087&label_color=000000&style=flat-square&label=WELCOME+DEVELOPERS+COUNT)<a href="https://www.linkedin.com/in/pranjay-poddar/" target="_blank" rel="nofollow">
80+
81+
82+
<details align="center">
83+
<summary><strong>GitHub Trophies 🏆</strong></summary>
84+
<p align="center"><img src="https://github-profile-trophy.vercel.app/?username=pranjay-poddar&column=4&margin-w=5&margin-h=5&theme=darkhub"></p>
85+
</details>
86+
87+
88+
89+
<h4>See Ya! And Stay Awesome!💥</h4>
90+
<h4>Check out my repositories below and get in touch for collaborations.</h4>
285 KB
Loading
19.8 KB
Loading
115 KB
Loading
20.2 KB
Binary file not shown.
Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<!-- Instructions:
5+
A single responsive web page in HTML, CSS, and JS with hacktoberfest poster, project admin details and contact links, repository details (issues, comits, contributors count, live closed PR counts) and hacktoberfest links.
6+
-->
7+
8+
<head>
9+
<!-- Required meta tags -->
10+
<meta charset="utf-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
12+
<link rel="icon" href="img/logo.jpg" type="image/icon type">
13+
14+
<!-- Bootstrap CSS -->
15+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
16+
<link rel="stylesheet" href="style.css">
17+
18+
<title>Pranjay Poddar | Repository</title>
19+
</head>
20+
21+
<body>
22+
<!-- About Hacktoberfest '21 -->
23+
<section>
24+
<div class="container">
25+
<div class="row text-center">
26+
<div class="col-12 my-3 text-center">
27+
<div id="poster" style="border-radius: 20px;">
28+
<a href="https://hacktoberfest.digitalocean.com/"><img class="img-fluid" src="img/poster.png" alt="hacktoberfest21"></a>
29+
</div>
30+
</div>
31+
</div>
32+
<div class="row my-5">
33+
<div class="col-md-6 col-12">
34+
<h2>What is HACKTOBERFEST?</h2>
35+
<p>Hacktoberfest, in its 8th year, is a month-long celebration of open source software run by DigitalOcean. During the month of October, we invite you to join open-source software enthusiasts, beginners, and the developer community by
36+
contributing to open-source projects. You can do this in a variety of ways:</p>
37+
<ul>
38+
<li>Prepare and share your project for collaboration</li>
39+
<li>Contribute to the betterment of a project via pull requests</li>
40+
<li>Organize an event</li>
41+
<li>Mentor others</li>
42+
<li>Donate directly to open source projects</li>
43+
</ul>
44+
</div>
45+
<div class="col-md-6 col-12">
46+
<h2>How Does It Work?</h2>
47+
<p>Hacktoberfest is open to everyone in our global community!</p>
48+
<ul>
49+
<li>Maintainers determine if their open-source projects participate by adding the ‘hacktoberfest’ topic.</li>
50+
<li>
51+
<a href="https://hacktoberfest.digitalocean.com/resources/qualitystandards">Quality Pull Requests</a> pull requests submitted on GitHub and GitLab are rewarded.</li>
52+
<li><a href="https://hacktoberfest.digitalocean.com/resources/maintainers">Engaged maintenance</a> of Hacktoberfest tagged repositories are rewarded.</li>
53+
</ul>
54+
</div>
55+
</div>
56+
<div class="row my-5">
57+
<div class="col-md-6 col-12">
58+
<h2>Rules:</h2>
59+
<ul>
60+
<li>Pull requests can be made in any participating GitHub or GitLab hosted repository/projects. Look for the 'hacktoberfest' topic to know if a project is participating in Hacktoberfest.</li>
61+
<li>You can sign up anytime between October 1 and October 31. Just be sure to sign up on the official Hacktoberfest website for your pull requests to count.</li>
62+
</ul>
63+
</div>
64+
<div class="col-md-6 col-12">
65+
<h2>Details:</h2>
66+
<ul>
67+
<li>The pull request must contain commits you made yourself.</li>
68+
<li>
69+
If a maintainer reports your pull request as spam, it will not be counted toward your participation in Hacktoberfest.
70+
</li>
71+
<li>If a maintainer reports behavior that’s not in line with the project’s code of conduct, you will be ineligible to participate.</li>
72+
<li>A pull request is considered approved once it has an overall approving review from maintainers, or has been merged by maintainers, or has been given the 'hacktoberfest-accepted' label.</li>
73+
</ul>
74+
</div>
75+
</div>
76+
</div>
77+
</section>
78+
79+
<!-- Description About the Project Admin -->
80+
<section>
81+
<div class="container my-5 p-4 bg-light" style="border-radius: 20px;">
82+
<h1 class="my-4 text-center">About Project Admin</h1>
83+
<div class="row">
84+
<div class="col-md-6 col-12 text-center">
85+
<img class="img-fluid" src="img/project-admin.jfif" alt="pranjay-poddar" style="border-radius: 20px;">
86+
</div>
87+
<div class="col-md-6 col-12 my-2 my-auto bg-light p-4" style="border-radius: 20px;">
88+
<h2 class="text-center">Hello, I am Pranjay Poddar <img height='30px' width='30px' src='img/Hi.gif' alt='hii'></h2>
89+
<p>I am a third-year undergraduate student pursuing BTECH in CSE with a specialization in Cloud Computing. I love making websites and Apps and have a keen interest in front-end development. I'm passionate about open source development,
90+
web development, web designing, and graphic designing.</p>
91+
<div class="button-class">
92+
<p class="btn btn-primary">🌟 Mentor at <a href="https://github.com/girlscript/winter-of-contributing" style="text-decoration: none; color:black; font-weight: bolder;">GWOC'21</a></p>
93+
<p class="btn btn-primary">💻 Contributor at <a href="https://github.com/Hack-Club-SRM/HCSSoC" style="text-decoration: none; color:black; font-weight: bolder;">HCSSOC'21</a></p>
94+
<p class="btn btn-primary">💻 Contributor at <a href="https://github.com/DevIncept" style="text-decoration: none; color:black; font-weight: bolder;">DCP'21</a></p>
95+
</div>
96+
<div class="contacts">
97+
<h6>Contacts:</h6>
98+
<ul>
99+
<li>
100+
<p><a href="https://pranjay.tech">Portfolio</a></p>
101+
</li>
102+
<li>
103+
<p><a href="https://pranjay-poddar.github.io/catalytic_originals/">Catalytic Original Website</a></p>
104+
</li>
105+
<li>
106+
<p><a href="https://tenor.com/official/pranjay_poddar">Official Tenor Page</a></p>
107+
</li>
108+
</ul>
109+
</div>
110+
</div>
111+
</div>
112+
<div class="row my-5 text-center">
113+
<div class="col-md-6 col-12 text-center my-4 my-auto">
114+
<img class="img-fluid" src="https://github-readme-stats.vercel.app/api?username=pranjay-poddar&show_icons=true&count_private=true&title_color=ff0087&bg_color=fafbfc00&text_color=a2a2a2" alt="pranjay's github stats" />
115+
</div>
116+
<div class="col-md-6 col-12 text-center my-4 my-auto">
117+
<img class="img-fluid" src="https://github-readme-stats.vercel.app/api/top-langs/?username=pranjay-poddar&title_color=ff0087&bg_color=fafbfc00&text_color=35b5ff" alt="pranjay's most languages used stats" />
118+
</div>
119+
</div>
120+
</div>
121+
</section>
122+
123+
<!-- Info About Repository -->
124+
<section>
125+
126+
</section>
127+
128+
<!-- Optional JavaScript -->
129+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
130+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
131+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
132+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
133+
<script src="script.js"></script>
134+
</body>
135+
136+
</html>

#128 Single Web Page For Repository/script.js

Whitespace-only changes.
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/* Poster */
2+
3+
#poster {
4+
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
5+
overflow: hidden;
6+
}
7+
8+
#poster>a>img:hover {
9+
transition: transform 1s;
10+
transform: scale(1.1);
11+
}

0 commit comments

Comments
 (0)