diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..dfbe2c5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,50 @@ +# Dependencies +node_modules/ +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Build outputs +dist/ +build/ + +# Environment variables +.env +.env.local +.env.development.local +.env.test.local +.env.production.local + +# IDE files +.vscode/ +.idea/ +*.swp +*.swo +*~ + +# OS generated files +.DS_Store +.DS_Store? +._* +.Spotlight-V100 +.Trashes +ehthumbs.db +Thumbs.db + +# Logs +logs +*.log + +# Cache +.cache/ +.parcel-cache/ + +# Temporary files +*.tmp +*.temp + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache \ No newline at end of file diff --git a/index.html b/index.html index 36c4321..cba1af1 100644 --- a/index.html +++ b/index.html @@ -4,85 +4,134 @@ - Ayush Ojha + Ayush Ojha - Portfolio -
- -

AYUSH

-

OJHA

- - Network - My Work - Home -
- Hello !!! Thank you for visiting our site. -

Website Under Construction

-

WELCOME TO MY WEBSITE

-

- -

My Name is Ayush Ojha.

-

- I am 20 years old and currently doing my BCS at Sunway International Business School. - I like trying out new things and I am a fast learner as well. - I love Simulation, visualization, web app, vector art, video editing and game designing - and playing various genre of games. - As for my goal, I want to be a researcher and help people with ground breaking - discoveries in the field of Computer Science. - I prefer to work alone as I don't want anyone to slow me down. -

-

-

My Skills

- -

- - - -
-
-
-
-
-
-
-
+ + + + +
+ +
+

👋 Hello! Thank you for visiting my portfolio.

+
+ + +
+

WELCOME TO MY WEBSITE

+
+ + +
+
+ 👨‍💻
-
- - -

What am I Currently Doing?

-

- These days I am trying to learn as much as possible - and I am trying out weird things like - learning various programming languages, Data Science, - Machine Learning, Artificial Intelligence - learning to programme and doing weird - questionable project.Check out my work.
- +

+

My Name is Ayush Ojha.

+

+ I am 20 years old and currently doing my BCS at Sunway International Business School. + I like trying out new things and I am a fast learner as well. +

+

+ I love simulation, visualization, web apps, vector art, video editing and game designing + and playing various genres of games. +

+

+ As for my goal, I want to be a researcher and help people with groundbreaking + discoveries in the field of Computer Science. + I prefer to work alone as I don't want anyone to slow me down. +

+
+
+ + +
+

My Skills

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+

What am I Currently Doing?

+

+ These days I am trying to learn as much as possible + and I am trying out weird things like + learning various programming languages, Data Science, + Machine Learning, Artificial Intelligence + learning to programme and doing weird + questionable projects.

- - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - +

+ Check out my work below and see what I've been up to! +

+ + + + + + + + + + \ No newline at end of file diff --git a/prop.css b/prop.css new file mode 100644 index 0000000..94dfbe6 --- /dev/null +++ b/prop.css @@ -0,0 +1,292 @@ +/* Portfolio CSS Styles */ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: white; + line-height: 1.6; + min-height: 100vh; +} + +/* Top Navigation Bar */ +.topbar { + background: rgba(0, 0, 0, 0.8); + padding: 1rem 2rem; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + width: 100%; + z-index: 1000; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); +} + +.topbar h2 { + margin: 0; + font-size: 1.5rem; +} + +.topbar a { + color: white; + text-decoration: none; + margin-left: 2rem; + padding: 0.5rem 1rem; + border-radius: 5px; + transition: background-color 0.3s ease; +} + +.topbar a:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.topbar a.on { + background-color: #99ccff; + color: #333; +} + +/* Main Content */ +main { + margin-top: 80px; + padding: 2rem; + text-align: center; +} + +.head { + font-size: 3rem; + margin: 2rem 0; + color: #99ccff; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); +} + +.welcome-banner { + background: rgba(255, 255, 255, 0.1); + padding: 1rem; + margin: 2rem 0; + border-radius: 10px; + backdrop-filter: blur(10px); + animation: fadeInUp 1s ease; +} + +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(30px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +/* Profile Section */ +.profile-section { + display: flex; + align-items: center; + justify-content: center; + gap: 3rem; + margin: 3rem 0; + flex-wrap: wrap; +} + +.profile-image { + width: 300px; + height: 300px; + border-radius: 50%; + border: 5px solid #99ccff; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); + transition: transform 0.3s ease; +} + +.profile-image:hover { + transform: scale(1.05); +} + +.profile-image.fallback { + background: rgba(255, 255, 255, 0.2); + display: flex; + align-items: center; + justify-content: center; + font-size: 1.2rem; + color: #99ccff; +} + +.profile-info { + max-width: 500px; + text-align: left; +} + +.profile-info h1 { + font-size: 2.5rem; + margin-bottom: 1rem; + color: #99ccff; +} + +.profile-info p { + font-size: 1.1rem; + margin-bottom: 1rem; + line-height: 1.8; +} + +/* Skills Section */ +.skills-section { + margin: 4rem 0; + padding: 2rem; + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + backdrop-filter: blur(10px); +} + +.skills-section h2 { + margin-bottom: 2rem; + font-size: 2rem; + color: #99ccff; +} + +.container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1.5rem; + max-width: 800px; + margin: 0 auto; +} + +.skill-item { + margin-bottom: 1rem; +} + +.skill-item::before { + content: attr(data-skill); + display: block; + margin-bottom: 0.5rem; + font-weight: bold; + color: #99ccff; +} + +.bar { + height: 25px; + background: rgba(255, 255, 255, 0.2); + border-radius: 15px; + overflow: hidden; + position: relative; +} + +.bar::after { + content: ''; + position: absolute; + top: 0; + left: 0; + height: 100%; + background: linear-gradient(90deg, #99ccff, #667eea); + border-radius: 15px; + transition: width 2s ease; +} + +.bar.front.advanced::after { + width: 85%; +} + +.bar.back.intermediate::after { + width: 70%; +} + +.bar.back.basic::after { + width: 50%; +} + +/* CTA Section */ +.cta-section { + margin: 4rem 0; + padding: 3rem; + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + backdrop-filter: blur(10px); +} + +.cta-section h2 { + margin-bottom: 2rem; + font-size: 2rem; + color: #99ccff; +} + +.cta-section p { + font-size: 1.1rem; + margin-bottom: 2rem; + line-height: 1.8; +} + +.button { + background: linear-gradient(45deg, #99ccff, #667eea); + border: none; + padding: 1rem 2rem; + font-size: 1.1rem; + border-radius: 25px; + cursor: pointer; + transition: transform 0.3s ease, box-shadow 0.3s ease; + text-decoration: none; + display: inline-block; + color: white; +} + +.button:hover { + transform: translateY(-3px); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); +} + +/* Footer */ +footer { + background: rgba(0, 0, 0, 0.8); + text-align: center; + padding: 2rem; + margin-top: 4rem; +} + +/* Responsive Design */ +@media (max-width: 768px) { + .topbar { + flex-direction: column; + gap: 1rem; + padding: 1rem; + } + + .topbar a { + margin: 0 0.5rem; + } + + .head { + font-size: 2rem; + } + + .profile-section { + flex-direction: column; + text-align: center; + } + + .profile-info { + text-align: center; + } + + .container { + grid-template-columns: 1fr; + } +} + +/* Animation Classes */ +.animation { + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0%, 100% { + opacity: 1; + } + 50% { + opacity: 0.7; + } +} \ No newline at end of file