Skip to content

Commit 524d824

Browse files
anurag-327anurag-327
authored
Merge branch 'TusharKesarwani:main' into AppleUI
2 parents ac1d0ed + 2fd33c8 commit 524d824

134 files changed

Lines changed: 10654 additions & 699 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.

‎.DS_Store‎

-8 KB
Binary file not shown.

‎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/Audio-Text-Converter/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,10 @@
44
<head>
55
<title>Speech to Text Converter (हिंदी)</title>
66
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
7-
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&family=Tilt+Prism&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
811
</head>
912

1013
<body>
@@ -16,9 +19,9 @@ <h1 class="text-center">
1619
<br>
1720
<h5 id="instructions" class="text-center"></h5>
1821
<div class="form-group">
19-
<textarea class="form-control" id="textarea" cols="30" rows="10"></textarea>
22+
<textarea class="form-control" id="textarea" cols="30" rows="16" style=" background-color: black;"></textarea>
2023
</div>
21-
<button id="start" class="btn btn-danger btn-block">
24+
<button id="start" class="btn btn-danger btn-block" style=" background-color: rgb(85, 9, 9);">
2225
Click here to Start Recording
2326
</button>
2427
</div>

‎Projects/Audio-Text-Converter/style.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
h1 {
2+
font-family: 'Tilt Prism', cursive;
3+
color:white;
4+
}
5+
button{
6+
font-family: 'Source Code Pro', monospace;
7+
color:white;
8+
background-color: rgb(82, 3, 3);
9+
}
10+
body{
11+
12+
background-image:url("textimage.jpg")
13+
}
14+
.textarea{
15+
background: url("textimage.jpg");
16+
}

‎Projects/Audio-Text-Converter/textimage.jpg‎

156 KB
Loading

‎Projects/BuyMeaCoffee/.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎Projects/BuyMeaCoffee/README.md‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# Introduction
2+
3+
The Buy Me Coffee website is a platform that allows content creators, artists, and other individuals to receive support and financial contributions from their fans and supporters. This README file provides an overview of the Buy Me Coffee website and instructions on how to set it up.
4+
5+
# Features
6+
7+
The Buy Me Coffee website offers the following key features:
8+
9+
1. Support Button: Users can create a support button for their profile or website, allowing their fans to make monetary contributions easily.
10+
11+
2. Customizable Profile: Users can create a personalized profile page where they can showcase their work, provide information about themselves, and share links to their social media profiles.
12+
13+
3. Multiple Payment Options: The website supports various payment methods, including credit cards, PayPal, and other popular payment gateways, making it convenient for supporters to contribute.
14+
15+
4. Transaction History: Users can view and manage their transaction history, allowing them to keep track of contributions and interact with their supporters.
16+
17+
5. Notifications: The website provides notifications to users whenever they receive a new contribution or when there are important updates related to their account.
18+
19+
# Installation and Setup
20+
21+
1. Clone the Repository
22+
2. Install Dependencies: npm install
23+
3. Start the Server: npm run dev
24+
4. Access the Website: localhost:5173
25+
26+
# Image
27+
28+
![Alt text](<public/Screenshot from 2023-07-04 21-26-36.png>)
29+
30+
# Video
31+
32+
[label](<public/Screencast from 04-07-23 09:37:48 PM IST.webm>)
33+
34+
# License
35+
36+
The Buy Me Coffee website is released under the MIT License.

0 commit comments

Comments
 (0)