Skip to content

Commit 2769b1a

Browse files
programmerrajaprogrammerraja
committed
setup for new portfolio in react
1 parent 94c7360 commit 2769b1a

Some content is hidden

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

86 files changed

+32112
-1
lines changed

‎.gitignore‎

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
lerna-debug.log*
8+
.pnpm-debug.log*
9+
10+
# Diagnostic reports (https://nodejs.org/api/report.html)
11+
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
12+
13+
# Runtime data
14+
pids
15+
*.pid
16+
*.seed
17+
*.pid.lock
18+
19+
# Directory for instrumented libs generated by jscoverage/JSCover
20+
lib-cov
21+
22+
# Coverage directory used by tools like istanbul
23+
coverage
24+
*.lcov
25+
26+
# nyc test coverage
27+
.nyc_output
28+
29+
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
30+
.grunt
31+
32+
# Bower dependency directory (https://bower.io/)
33+
bower_components
34+
35+
# node-waf configuration
36+
.lock-wscript
37+
38+
# Compiled binary addons (https://nodejs.org/api/addons.html)
39+
build/Release
40+
41+
# Dependency directories
42+
node_modules/
43+
portfolio/node_modules/
44+
jspm_packages/
45+
46+
# Snowpack dependency directory (https://snowpack.dev/)
47+
web_modules/
48+
49+
# TypeScript cache
50+
*.tsbuildinfo
51+
52+
# Optional npm cache directory
53+
.npm
54+
55+
# Optional eslint cache
56+
.eslintcache
57+
58+
# Optional stylelint cache
59+
.stylelintcache
60+
61+
# Microbundle cache
62+
.rpt2_cache/
63+
.rts2_cache_cjs/
64+
.rts2_cache_es/
65+
.rts2_cache_umd/
66+
67+
# Optional REPL history
68+
.node_repl_history
69+
70+
# Output of 'npm pack'
71+
*.tgz
72+
73+
# Yarn Integrity file
74+
.yarn-integrity
75+
76+
# dotenv environment variable files
77+
.env
78+
.env.development.local
79+
.env.test.local
80+
.env.production.local
81+
.env.local
82+
83+
# parcel-bundler cache (https://parceljs.org/)
84+
.cache
85+
.parcel-cache
86+
87+
# Next.js build output
88+
.next
89+
out
90+
91+
# Nuxt.js build / generate output
92+
.nuxt
93+
dist
94+
95+
# Gatsby files
96+
.cache/
97+
# Comment in the public line in if your project uses Gatsby and not Next.js
98+
# https://nextjs.org/blog/next-9-1#public-directory-support
99+
# public
100+
101+
# vuepress build output
102+
.vuepress/dist
103+
104+
# vuepress v2.x temp and cache directory
105+
.temp
106+
.cache
107+
108+
# Docusaurus cache and generated files
109+
.docusaurus
110+
111+
# Serverless directories
112+
.serverless/
113+
114+
# FuseBox cache
115+
.fusebox/
116+
117+
# DynamoDB Local files
118+
.dynamodb/
119+
120+
# TernJS port file
121+
.tern-port
122+
123+
# Stores VSCode versions used for testing VSCode extensions
124+
.vscode-test
125+
126+
# yarn v2
127+
.yarn/cache
128+
.yarn/unplugged
129+
.yarn/build-state.yml
130+
.yarn/install-state.gz
131+
.pnp.*

‎images/files.png‎

1.67 KB
Loading

‎images/me.jpeg‎

107 KB
Loading

‎images/spotify.png‎

4.15 KB
Loading

‎images/terminal.png‎

9.33 KB
Loading

‎images/vscode.png‎

6.03 KB
Loading

‎index.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -408,7 +408,6 @@ body {
408408
padding: 0.5rem;
409409
border-radius: 10px;
410410
box-shadow: rgba(255, 255, 255, 0.05) -1vmin -1vmin 1vmin, rgba(0, 0, 0, 0.3) 1vmin 1vmin 1vmin;
411-
412411
}
413412

414413
.company_logo {

‎portfolio/LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2023 K.Boopathi
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎portfolio/README.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Portfolio
2+
My Portfolio

‎portfolio/index.css‎

Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
body {
2+
background-color: #393a59;
3+
background-color: #2a2a2a;
4+
height: 100vh;
5+
font-family: "Fira Code", monospace;
6+
display: flex;
7+
align-items: center;
8+
justify-content: center;
9+
margin: 0;
10+
overflow: hidden;
11+
}
12+
* {
13+
scrollbar-width: thin;
14+
scrollbar-color: #b4b4b4 #919191;
15+
}
16+
17+
*::-webkit-scrollbar {
18+
width: 6px;
19+
height: 6px;
20+
display: block;
21+
}
22+
23+
*::-webkit-scrollbar-track {
24+
background: var(--gray-3);
25+
border-radius: 6px;
26+
}
27+
28+
*::-webkit-scrollbar-thumb {
29+
background-color: var(--gray-5);
30+
border-radius: 6px;
31+
}
32+
33+
.screenwrapper {
34+
position: absolute;
35+
opacity: 0.8;
36+
background-color: #282a35;
37+
height: 100vh;
38+
width: 100vw;
39+
z-index: 1;
40+
}
41+
.screen {
42+
display: flex;
43+
justify-content: space-between;
44+
width: 100vw;
45+
background-image: url("../images/hero.jpg");
46+
background-repeat: no-repeat;
47+
background-size: cover;
48+
}
49+
.topnav {
50+
position: absolute;
51+
top: 0;
52+
color: white;
53+
height: 30px;
54+
text-align: center;
55+
display: flex;
56+
align-items: center;
57+
justify-content: center;
58+
background-color: black;
59+
opacity: 0.9;
60+
width: 100vw;
61+
z-index: 2;
62+
}
63+
.sidenav {
64+
z-index: 2;
65+
margin-top: 60px;
66+
width: 80px;
67+
height: 100vh;
68+
background-color: rgb(0 0 0/0.5);
69+
display: flex;
70+
flex-direction: column;
71+
align-items: center;
72+
}
73+
.sidenav img {
74+
height: 50px;
75+
width: 50px;
76+
margin: 0.3rem;
77+
}
78+
.display {
79+
flex: 1;
80+
display: flex;
81+
align-items: center;
82+
justify-content: center;
83+
z-index: 2;
84+
}
85+
.container {
86+
display: flex;
87+
flex-direction: column;
88+
width: 100%;
89+
max-width: 1000px;
90+
height: 600px;
91+
overflow: hidden;
92+
border-radius: 6px;
93+
border: 1px solid gray;
94+
margin: 20px;
95+
cursor: text;
96+
z-index: 100;
97+
background-image: url("../images/ero.jpg");
98+
background-size: cover;
99+
}
100+
.menu {
101+
display: flex;
102+
align-items: center;
103+
text-align: center;
104+
flex-direction: row;
105+
width: 100%;
106+
height: 24px;
107+
background-color: #424040;
108+
padding: 0 8px;
109+
cursor: default;
110+
}
111+
.buttons-flex {
112+
position: absolute;
113+
display: flex;
114+
flex-direction: row;
115+
}
116+
.menu .button {
117+
width: 12px;
118+
height: 12px;
119+
border-radius: 50%;
120+
margin-right: 8px;
121+
cursor: pointer;
122+
}
123+
.red {
124+
background-color: #f5544d;
125+
}
126+
.yellow {
127+
background-color: #fabd2f;
128+
}
129+
.green {
130+
background-color: #47d043;
131+
}
132+
div.title {
133+
flex: 1;
134+
text-align: center;
135+
}
136+
a {
137+
text-decoration: none;
138+
color: rgb(238, 238, 238);
139+
}
140+
.menu h1 {
141+
font-size: 13px;
142+
color: #9c9c9c;
143+
}
144+
#app {
145+
display: flex;
146+
flex-direction: column;
147+
background-color: #282a35;
148+
width: 100%;
149+
height: 100%;
150+
padding: 8px;
151+
overflow: auto;
152+
opacity: 0.9;
153+
}
154+
.hero {
155+
position: absolute;
156+
top: 0;
157+
bottom: 0;
158+
left: 0;
159+
height: 100vh;
160+
width: 100vw;
161+
}
162+
.hero img {
163+
height: 100%;
164+
width: 100%;
165+
opacity: 0.2;
166+
z-index: 1;
167+
}
168+

0 commit comments

Comments
 (0)