Skip to content

Commit 07eed76

Browse files
dhruti26dhruti26
authored
Merge branch 'TusharKesarwani:main' into alarm-files
2 parents c28815a + 42637c1 commit 07eed76

968 files changed

Lines changed: 43516 additions & 32631 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.github/workflows/codeql.yml‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
# For most projects, this workflow file will not need changing; you simply need
2+
# to commit it to your repository.
3+
#
4+
# You may wish to alter this file to override the set of languages analyzed,
5+
# or to provide custom queries or build logic.
6+
#
7+
# ******** NOTE ********
8+
# We have attempted to detect the languages in your repository. Please check
9+
# the `language` matrix defined below to confirm you have the correct set of
10+
# supported CodeQL languages.
11+
#
12+
name: "CodeQL"
13+
14+
on:
15+
push:
16+
branches: [ "main" ]
17+
pull_request:
18+
# The branches below must be a subset of the branches above
19+
branches: [ "main" ]
20+
schedule:
21+
- cron: '43 3 * * 6'
22+
23+
jobs:
24+
analyze:
25+
name: Analyze
26+
runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
27+
timeout-minutes: ${{ (matrix.language == 'swift' && 120) || 360 }}
28+
permissions:
29+
actions: read
30+
contents: read
31+
security-events: write
32+
33+
strategy:
34+
fail-fast: false
35+
matrix:
36+
language: [ 'javascript' ]
37+
# CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby', 'swift' ]
38+
# Use only 'java' to analyze code written in Java, Kotlin or both
39+
# Use only 'javascript' to analyze code written in JavaScript, TypeScript or both
40+
# Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
41+
42+
steps:
43+
- name: Checkout repository
44+
uses: actions/checkout@v3
45+
46+
# Initializes the CodeQL tools for scanning.
47+
- name: Initialize CodeQL
48+
uses: github/codeql-action/init@v2
49+
with:
50+
languages: ${{ matrix.language }}
51+
# If you wish to specify custom queries, you can do so here or in a config file.
52+
# By default, queries listed here will override any specified in a config file.
53+
# Prefix the list here with "+" to use these queries and those in the config file.
54+
55+
# For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
56+
# queries: security-extended,security-and-quality
57+
58+
59+
# Autobuild attempts to build any compiled languages (C/C++, C#, Go, Java, or Swift).
60+
# If this step fails, then you should remove it and run the build manually (see below)
61+
- name: Autobuild
62+
uses: github/codeql-action/autobuild@v2
63+
64+
# ℹ️ Command-line programs to run using the OS shell.
65+
# 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
66+
67+
# If the Autobuild fails above, remove it and uncomment the following three lines.
68+
# modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance.
69+
70+
# - run: |
71+
# echo "Run, Build Application using script"
72+
# ./location_of_script_within_repo/buildscript.sh
73+
74+
- name: Perform CodeQL Analysis
75+
uses: github/codeql-action/analyze@v2
76+
with:
77+
category: "/language:${{matrix.language}}"

‎CONTRIBUTING.md‎

Lines changed: 48 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,48 @@
1-
While on one hand our repository is a good place for beginners to contribute something useful to open source, on the other hand it is also a good place for experienced people to contribute something useful to open source. We welcome contributions from everyone. However some people tend to spam the repository with irrelevant pull requests and get one PR for SWoC 3.0 and other such open source events. We do not want that to happen. So we have a few guidelines that we would like you to follow. In case we find your PR not relevant or spam, we will mark it as invalid and it will not be counted towards SWoC 3.0.
1+
<h1 align="center">Contributors Guide⚡ </h1>
2+
<h3 align="center">Welcome to our open-source project! 😍<br> We appreciate your interest in contributing.😊 <br>This guide will help you get started with the project and make your first contribution.</h3>
3+
4+
5+
6+
<h1 align="center">Creating first Pull Request 🌟</h1>
7+
8+
---
9+
1. Fork this repository.
10+
2. Clone the forked repository.
11+
```css
12+
git clone https://github.com/<your-github-username>/Front-End-Projects.git
13+
```
14+
15+
3. Navigate to the project directory.
16+
```py
17+
cd Front-End-Projects
18+
```
19+
4. Create a new branch.
20+
```css
21+
git checkout -b <your_branch_name>
22+
```
23+
5. Make changes.
24+
6. Stage your changes and commit
25+
```css
26+
git add .
27+
git commit -m "<your_commit_message>"
28+
```
29+
7. Push your local commits to the remote repo.
30+
```css
31+
git push -u origin <your_branch_name>
32+
```
33+
8. Create a Pull Request.
34+
9. Congratulations! 🎉 you've made your contribution.
35+
36+
37+
38+
<h1 align="center">Communication and Support 💬</h1>
39+
<p align="center">Join the project's communication channels to interact with other contributors and seek assistance.</br>If you have any questions or need help, don't hesitate to ask in the project's communication channels or comment on the relevant issue.</p>
40+
41+
<h1 align="center">Code of Conduct 😇</h1>
42+
<p align="center">Please follow our project's code of conduct while contributing.</br>Treat all contributors and users with respect and create a positive and inclusive environment for everyone.</p>
43+
44+
<h1 align="center">License 📄</h1>
45+
<p align="center">The project is licensed under [MIT]. Make sure to review and comply with the license terms.</br>We hope this guide helps you get started with contributing to our open-source project. Thank you for your contribution!</p>
46+
47+
<h1 align="center">Note from Author ❗</h1>
48+
<p align="center">While on one hand our repository is a good place for beginners to contribute something useful to open source, on the other hand it is also a good place for experienced people to contribute something useful to open source.</br>We welcome contributions from everyone. However some people tend to spam the repository with irrelevant pull requests and get one PR for SSOC 2.0 and other such open source events. We do not want that to happen.</br>So we have a few guidelines that we would like you to follow. In case we find your PR not relevant or spam, we will mark it as invalid and it will not be counted towards SSOC 2.0.</p>

‎Projects/3D Login Page/style.css‎

Lines changed: 126 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -1,111 +1,127 @@
11
* {
2-
margin: 0;
3-
padding: 0;
4-
box-sizing: border-box;
5-
text-decoration: none;
6-
font-family: Arial, sans-serif;
7-
}
8-
9-
html {
10-
font-size: 72.5%;
11-
}
12-
13-
.container {
14-
width: 100%;
15-
height: 100vh;
16-
background: linear-gradient(rgba(31, 7, 7, 0.7), rgba(0, 0, 0, 0.7)),
17-
url(images/bg.png) center no-repeat;
18-
background-size: cover;
19-
perspective: 100rem;
20-
}
21-
22-
.forms-wrapper {
23-
transform-style: preserve-3d;
24-
position: absolute;
25-
top: calc(50% - 17.5rem);
26-
left: calc(50% - 25rem);
27-
transform: rotateY(10deg);
28-
transition: transform 0.5s, left 0.5s;
29-
}
30-
31-
.forms-wrapper.change {
32-
transform: rotateY(70deg);
33-
left: calc(50% + 25rem);
34-
}
35-
36-
.forms-wrapper form {
37-
width: 50rem;
38-
height: 35rem;
39-
background-color: rgba(40, 114, 108, 0.925);
40-
display: flex;
41-
flex-direction: column;
42-
justify-content: space-around;
43-
align-items: center;
44-
box-shadow: 0.1rem 0.1rem 0.1rem #ccc inset, -0.1rem -0.1rem 0.1rem #ccc inset;
45-
position: absolute;
46-
}
47-
48-
.signup-form {
49-
transform: rotateY(270deg) translateZ(25rem) translateX(-25rem);
50-
}
51-
52-
form a {
53-
position: absolute;
54-
top: 2rem;
55-
background-color: #fff;
56-
font-weight: 600;
57-
text-transform: uppercase;
58-
color: rgba(40, 114, 108);
59-
letter-spacing: 0.2rem;
60-
}
61-
62-
.signup-btn {
63-
left: 2rem;
64-
padding: 0.5rem 1rem 0.5rem 3rem;
65-
border-radius: 100% 0.5rem 0.5rem 100%;
66-
}
67-
68-
.signin-btn {
69-
right: 2rem;
70-
padding: 0.5rem 3rem 0.5rem 1rem;
71-
border-radius: 0.5rem 100% 100% 0.5rem;
72-
}
73-
74-
form h2 {
75-
font-size: 2.3rem;
76-
text-transform: uppercase;
77-
letter-spacing: 0.2rem;
78-
color: #fff;
79-
}
80-
81-
.inputs-wrapper {
82-
display: flex;
83-
flex-direction: column;
84-
}
85-
86-
.inputs-wrapper input {
87-
width: 25rem;
88-
height: 3rem;
89-
padding: 0.5rem 1rem;
90-
margin: 0.5rem 0;
91-
background-color: transparent;
92-
border: 0.1rem solid #fff;
93-
border-radius: 5rem;
94-
color: #fff;
95-
letter-spacing: 0.1rem;
96-
outline: none;
97-
}
98-
99-
.inputs-wrapper input::placeholder {
100-
color: #fff;
101-
font-weight: 300;
102-
}
103-
104-
.inputs-wrapper input[type="submit"] {
105-
background-color: #fff;
106-
color: rgba(40, 114, 108);
107-
font-weight: 900;
108-
text-transform: uppercase;
109-
cursor: pointer;
110-
}
111-
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
text-decoration: none;
6+
font-family: Arial, sans-serif;
7+
}
8+
9+
html {
10+
font-size: 72.5%;
11+
}
12+
13+
.container {
14+
width: 100%;
15+
height: 100vh;
16+
background: linear-gradient(rgba(31, 7, 7, 0.7), rgba(0, 0, 0, 0.7)),
17+
url(images/bg.png) center no-repeat;
18+
background-size: cover;
19+
perspective: 100rem;
20+
}
21+
22+
.forms-wrapper {
23+
transform-style: preserve-3d;
24+
position: absolute;
25+
top: calc(50% - 17.5rem);
26+
left: calc(50% - 25rem);
27+
transform: rotateY(10deg);
28+
transition: transform 0.5s, left 0.5s;
29+
}
30+
31+
.forms-wrapper.change {
32+
transform: rotateY(70deg);
33+
left: calc(50% + 25rem);
34+
}
35+
36+
.forms-wrapper form {
37+
width: 50rem;
38+
height: 35rem;
39+
background-color: rgba(40, 114, 108, 0.925);
40+
display: flex;
41+
flex-direction: column;
42+
justify-content: space-around;
43+
align-items: center;
44+
box-shadow: 0.1rem 0.1rem 0.1rem #ccc inset, -0.1rem -0.1rem 0.1rem #ccc inset;
45+
position: absolute;
46+
}
47+
48+
.signup-form {
49+
transform: rotateY(270deg) translateZ(25rem) translateX(-25rem);
50+
}
51+
52+
form a {
53+
position: absolute;
54+
top: 2rem;
55+
background-color: #fff;
56+
font-weight: 600;
57+
text-transform: uppercase;
58+
color: rgba(40, 114, 108);
59+
letter-spacing: 0.2rem;
60+
}
61+
62+
.signup-btn {
63+
left: 2rem;
64+
padding: 0.5rem 1rem 0.5rem 3rem;
65+
border-radius: 100% 0.5rem 0.5rem 100%;
66+
transition: background-color 0.3s;
67+
}
68+
69+
.signup-btn:hover {
70+
background-color: rgba(255, 255, 255, 0.8);
71+
}
72+
73+
.signin-btn {
74+
right: 2rem;
75+
padding: 0.5rem 3rem 0.5rem 1rem;
76+
border-radius: 0.5rem 100% 100% 0.5rem;
77+
transition: background-color 0.3s;
78+
}
79+
80+
.signin-btn:hover {
81+
background-color: rgba(255, 255, 255, 0.8);
82+
}
83+
84+
form h2 {
85+
font-size: 2.3rem;
86+
text-transform: uppercase;
87+
letter-spacing: 0.2rem;
88+
color: #fff;
89+
}
90+
91+
.inputs-wrapper {
92+
display: flex;
93+
flex-direction: column;
94+
}
95+
96+
.inputs-wrapper input {
97+
width: 25rem;
98+
height: 3rem;
99+
padding: 0.5rem 1rem;
100+
margin: 0.5rem 0;
101+
background-color: transparent;
102+
border: 0.1rem solid #fff;
103+
border-radius: 5rem;
104+
color: #fff;
105+
letter-spacing: 0.1rem;
106+
outline: none;
107+
}
108+
109+
.inputs-wrapper input::placeholder {
110+
color: #fff;
111+
font-weight: 300;
112+
}
113+
114+
.inputs-wrapper input[type="submit"] {
115+
background-color: #fff;
116+
color: rgba(40, 114, 108);
117+
font-weight: 900;
118+
text-transform: uppercase;
119+
cursor: pointer;
120+
transition: background-color 0.3s;
121+
}
122+
123+
.inputs-wrapper input[type="submit"]:hover {
124+
background-color: rgba(255, 255, 255, 0.8);
125+
}
126+
127+

‎Projects/3D Rotating Cube/README.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
### A 3D rotating cube
2+
Created a 3D rotating cube using HTML, CSS, and JavaScript. The end result will be an interactive cube that rotates in 3D space.

‎Projects/3D Rotating Cube/index.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Modern Rotating 3D Cube Animation</title>
5+
<link rel="stylesheet" href="styles.css">
6+
</head>
7+
<body>
8+
<div class="container">
9+
<div class="cube">
10+
<div class="face front">
11+
</div>
12+
<div class="face back">
13+
</div>
14+
<div class="face right">
15+
</div>
16+
<div class="face left">
17+
18+
</div>
19+
<div class="face top">
20+
</div>
21+
<div class="face bottom">
22+
</div>
23+
</div>
24+
</div>
25+
</body>
26+
</html>

0 commit comments

Comments
 (0)