Skip to content

Commit 0c010a6

Browse files
csprasadcsprasad
authored
Merge pull request #9 from csprasad/dev
Fix: Bugs & UI Updates on landing screen and bootscreen
2 parents 688c2b8 + 6cfed31 commit 0c010a6

File tree

10 files changed

+58
-102
lines changed

10 files changed

+58
-102
lines changed

data/data.json renamed to data/portfolio.json

File renamed without changes.

‎iPhone/scripts/home.js‎

Lines changed: 2 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,5 @@
1-
// Fetch data from json
2-
3-
4-
5-
fetch("../data/data.json")
6-
.then(response => response.text()) // Read as text first
7-
.then(text => {
8-
console.log("Raw JSON response:", text); // Debug the response
9-
return JSON.parse(text); // Convert to JSON
10-
})
11-
.then(data => console.log("Parsed data:", data))
12-
.catch(error => console.error("Error loading profile data:", error));
13-
14-
15-
16-
document.addEventListener("DOMContentLoaded", function () {
17-
fetch("../data/data.json") // Adjusted path
1+
document.addEventListener("DOMContentLoaded", function () {
2+
fetch("../data/portfolio.json") // Adjusted path
183
.then(response => {
194
if (!response.ok) {
205
throw new Error(`HTTP error! Status: ${response.status}`);

‎iPhone/scripts/index.js‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
// scripts.js
2-
31
// Function to handle swipe gestures
42
function handleSwipe(startY, currentY) {
53
const deltaY = startY - currentY; // Calculate swipe distance

‎iPhone/scripts/project-details.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ document.addEventListener("DOMContentLoaded", async () => {
1313
}
1414

1515
try {
16-
const response = await fetch("../data/data.json");
16+
const response = await fetch("../data/portfolio.json");
1717
const data = await response.json();
1818

1919
console.log("🔹 Full Project Data:", data);

‎iPhone/scripts/project.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ document.addEventListener("DOMContentLoaded", async () => {
22
const projectContainer = document.querySelector(".list-section");
33

44
try {
5-
const response = await fetch("../data/data.json");
5+
const response = await fetch("../data/portfolio.json");
66
const data = await response.json();
77
const { macOS_apps, iOS_apps } = data.apps;
88

‎iPhone/scripts/work.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
document.addEventListener("DOMContentLoaded", () => {
22
console.log("JavaScript loaded and DOM ready!");
33

4-
fetch("../data/data.json") // Ensure the correct path
4+
fetch("../data/portfolio.json") // Ensure the correct path
55
.then(response => response.json())
66
.then(data => {
77
console.log("Raw JSON response:", data); // Debugging log

‎index.html‎

Lines changed: 6 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -26,69 +26,29 @@
2626
box-sizing: border-box;
2727
text-align: center;
2828
display: flex;
29-
align-items: center;
3029
flex-direction: column;
3130
justify-content: center;
3231
}
3332

3433
.logo i {
35-
font-size: 8rem;
34+
font-size: 5rem;
3635
color: white;
3736
margin-bottom: 5rem;
3837
}
3938

4039
.logo .line1 {
4140
width: 20rem;
42-
height: 0.3rem;
41+
height: 0.2rem;
42+
border-radius: 0.1rem;
4343
background-color: rgba(255, 255, 255, 0.386);
44+
overflow: hidden;
4445
}
4546

4647
.logo .line2 {
4748
width: 0;
48-
height: 0.3rem;
49+
height: 0.2rem;
4950
background-color: rgb(255, 255, 255);
5051
}
51-
52-
/* Media Queries */
53-
@media screen and (max-width:320px) {
54-
.logo i {
55-
font-size: 5rem;
56-
}
57-
.logo .line1 {
58-
width: 10rem;
59-
height: 0.3rem;
60-
}
61-
}
62-
63-
@media screen and (max-width:375px) {
64-
.logo i {
65-
font-size: 5rem;
66-
}
67-
.logo .line1 {
68-
width: 12rem;
69-
height: 0.3rem;
70-
}
71-
}
72-
73-
@media screen and (max-width:425px) {
74-
.logo i {
75-
font-size: 6rem;
76-
}
77-
.logo .line1 {
78-
width: 13rem;
79-
height: 0.3rem;
80-
}
81-
}
82-
83-
@media screen and (min-width:700px) {
84-
.logo i {
85-
font-size: 10rem;
86-
}
87-
.logo .line1 {
88-
width: 27rem;
89-
height: 0.3rem;
90-
}
91-
}
9252
</style>
9353
</head>
9454

@@ -108,7 +68,7 @@
10868
function move() {
10969
var elem = document.getElementById("myBar");
11070
var width = 0;
111-
var id = setInterval(frame, 50);
71+
var id = setInterval(frame, 6);
11272

11373
function frame() {
11474
if (width >= 100) {

‎landing.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,34 +3,34 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Dashboard</title>
7-
<link rel="stylesheet" href="styles/dashboard.css">
6+
<title>CSPrasad - Portfolio</title>
7+
<link rel="stylesheet" href="styles/landing.css">
88
</head>
99
<body>
10-
<div class="dashboard-container">
10+
<div class="landing-container">
1111
<!-- Left Panel: Name & Details -->
1212
<div class="left-panel">
1313
<nav class="side">
1414
<div class="side__inner">
15-
<div class="bottom"><a href="#">Brahmendraprasad</a></div>
1615
<div class="top">
17-
<a href="https://github.com/csprasad" target="_blank">GitHub</a>
18-
<a href="https://linkedin.com/in/csprasadios" target="_blank">LinkedIn</a>
19-
<a href="https://www.instagram.com/csprasad_ios" class="social-icon" target="_blank">Instagram</a>
20-
<a href="https://exercism.org/profiles/codeAlligator" class="social-icon" target="_blank">Exercism</a>
21-
<a href="mailto:codealligator.csprasad@gmail.com">EMAIL ME</a>
16+
<a href="https://github.com/csprasad" class="ah" target="_blank">( GitHub )</a>
17+
<a href="https://linkedin.com/in/csprasadios" class="ah" target="_blank">( LinkedIn )</a>
18+
<a href="https://www.instagram.com/csprasad_ios" class="ah" target="_blank">( Instagram )</a>
19+
<a href="https://exercism.org/profiles/codeAlligator" class="ah" target="_blank">( Exercism )</a>
20+
<a href="mailto:codealligator.csprasad@gmail.com" class="ah">( EMAIL ME )</a>
2221
</div>
22+
<div class="bottom"><a href="#">( Brahmendraprasad )</a></div>
2323
</div>
2424
</nav>
2525

2626
<section class="section section--hello" id="hello">
2727
<div class="section__inner">
2828
<div class="block">
29-
<h2>Hi, I'm Brahmendraprasad 👋</h2>
30-
<span>I specialize in crafting intuitive and high-performance iOS applications,
29+
<h2>Hi, I'm <br>Brahmendraprasad 👋</h2>
30+
<p>I specialize in crafting intuitive and high-performance iOS applications,
3131
focusing on seamless user experiences and innovative solutions.
3232
Passionate about solving complex technical challenges,
33-
I bring a detail-oriented approach to mobile development.</span>
33+
I bring a detail-oriented approach to mobile development.</p>
3434
</div>
3535
</div>
3636
</section>
@@ -42,6 +42,6 @@ <h2>Hi, I'm Brahmendraprasad 👋</h2>
4242
</div>
4343
</div>
4444

45-
<script src="scripts/dashboard.js"></script>
45+
<script src="scripts/landing.js"></script>
4646
</body>
4747
</html>

scripts/dashboard.js renamed to scripts/landing.js

File renamed without changes.

styles/dashboard.css renamed to styles/landing.css

Lines changed: 34 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
font-family: Arial, sans-serif;
66
}
77

8-
.dashboard-container {
8+
.landing-container {
99
display: flex;
1010
height: 100vh;
1111
}
@@ -20,7 +20,7 @@
2020
/* align-items: center; */
2121
/* justify-content: center; */
2222
padding: 20px;
23-
/* text-align: center; */
23+
/* text-align: left; */
2424
}
2525

2626

@@ -106,16 +106,18 @@ Left panel name and animation
106106
word-spacing: 0.5rem;
107107
}
108108
.side .top {
109-
top: 75px;
109+
right: 0;
110+
top: 375px;
110111
text-align: right;
111112
color: #EEF1DA;
112113
}
113114
.side .bottom {
114115
top: auto;
115116
bottom: 75px;
116117
}
117-
.side .top:hover a {
118-
color: rgba(255, 255, 255, 0.2);
118+
119+
.ah:hover {
120+
color: rgb(247, 191, 49);
119121
}
120122
.side .bottom:hover a:hover {
121123
color: rgba(255, 255, 255, 0.6);
@@ -130,9 +132,14 @@ Left panel name and animation
130132
flex-flow: column nowrap;
131133
align-items: stretch;
132134
min-height: 60vh;
133-
width: 100%;
134-
align-content: left;
135-
padding: 20vh 50px 20vh 75px;
135+
width: 98%;
136+
/* align-content: left; */
137+
margin: 0 0 0 30px;
138+
padding: 0 0 0 15px;
139+
border-top: 1px solid rebeccapurple;
140+
border-left: 1px solid rebeccapurple;
141+
border-right: 1px solid rebeccapurple;
142+
border-bottom: 1px solid rebeccapurple;
136143
}
137144
.section svg {
138145
position: absolute;
@@ -150,11 +157,13 @@ Left panel name and animation
150157
.section .section__inner {
151158
height: 100%;
152159
max-width: 800px;
153-
margin: auto auto auto 0;
160+
/* margin: auto auto auto 0; */
154161
}
155162
.section.section--hello {
156163
height: 100%;
157164
/* background-color: #18230F; */
165+
justify-content: top;
166+
align-items: top;
158167
color: #EEF1DA;
159168
}
160169
/**
@@ -166,20 +175,24 @@ Left panel name and animation
166175
/* font-size: 2.5rem; */
167176
}
168177
}
169-
.pre {
178+
.block h2 {
170179
display: inline-block;
171-
font-size: 12px;
172-
margin: 0;
173-
opacity: 0.8;
174-
letter-spacing: 1.4px;
175-
word-spacing: 0.2rem;
176-
text-transform: uppercase;
177-
margin-bottom: 1em;
180+
font-size: 1.2em;
181+
font-weight: bold;
182+
/* margin-top: 50px !important; */
183+
letter-spacing: 1px;
184+
word-spacing: 0.1rem;
185+
/* text-transform: uppercase; */
186+
/* margin-bottom: 1em; */
187+
align-items: top;
178188
color: inherit;
179189
}
180-
.pre span {
181-
font-size: 0.9em;
182-
margin-right: 0.4em;
183-
opacity: 0.5;
190+
.block p {
191+
font-size: 1em;
192+
/* margin-right: 0.4em; */
193+
margin-top: 50px !important;
194+
/* border: 1px solid red; */
195+
opacity: 0.8;
184196
}
197+
185198

0 commit comments

Comments
 (0)