Skip to content

Commit 87fee1a

Browse files
csprasadcsprasad
authored
Merge pull request #11 from csprasad/dev
Dev
2 parents 1f1ba09 + 98ef217 commit 87fee1a

File tree

10 files changed

+241
-105
lines changed

10 files changed

+241
-105
lines changed

‎iPhone/contact.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@
2626
</div>
2727

2828
<!-- Contact Page -->
29-
<div class="page app-page contact-page">
29+
<div class="page app-page ">
3030
<a href="home.html" class="back-button">←</a>
31-
31+
<div class="contact-page">
3232
<h2>Contact Me</h2>
3333
<p>If you'd like to get in touch,
3434
feel free to reach out or download my resume.
@@ -63,7 +63,9 @@ <h2>Contact Me</h2>
6363
<i class="fa-brands fa-square-instagram"></i>
6464
</a>
6565
</div>
66+
6667
</div>
68+
</div>
6769

6870

6971

‎iPhone/home.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ <h1>
7272
<div class="app-icon">
7373
<i class="fa-solid fa-code"></i> <!-- Projects Icon -->
7474
</div>
75-
<span>Projects</span>
75+
<span>Apps</span>
7676
</a>
7777
<a href="contact.html" class="app">
7878
<div class="app-icon">

‎iPhone/project-details.html‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,11 @@
3737
<div class="app-info">
3838
<span id="app-name" class="app-name"></span>
3939
<span id="app-category" class="app-category"></span>
40-
<span id="app-rating" class="app-rating"></span>
40+
<!-- <span id="app-rating" class="app-rating"></span> -->
41+
<!-- Action Button -->
42+
<div class="Action-button-container">
43+
<a id="action-button" href="#" target="_blank" class="btn">OPEN</a>
44+
</div>
4145
</div>
4246
</div>
4347
<!-- Screenshots Section -->
@@ -56,10 +60,7 @@
5660
<p id="description" class="description"></p>
5761
</div>
5862

59-
<!-- Action Button -->
60-
<div class="Action-button-container">
61-
<a id="action-button" href="#" target="_blank" class="btn">Open Project</a>
62-
</div>
63+
6364
</div>
6465
</div>
6566
</div>

‎iPhone/scripts/project-details.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@ document.addEventListener("DOMContentLoaded", async () => {
33
const projectId = urlParams.get("id"); // Keep it as a string
44
const osType = urlParams.get("os"); // Get OS type from URL
55

6-
console.log("🔹 Project ID from URL:", projectId);
7-
console.log("🔹 OS Type from URL:", osType);
6+
console.log("Project ID from URL:", projectId);
7+
console.log("OS Type from URL:", osType);
88

99
if (!projectId || !osType) {
10-
console.error("❌ Missing project ID or OS type in URL.");
10+
console.error("Missing project ID or OS type in URL.");
1111
document.querySelector(".app-container").innerHTML = `<p>Invalid request.</p>`;
1212
return;
1313
}
@@ -29,12 +29,12 @@ document.addEventListener("DOMContentLoaded", async () => {
2929
throw new Error(`Invalid OS type: ${osType}`);
3030
}
3131

32-
console.log("🔹 List of Apps for OS:", osType, apps);
32+
console.log("List of Apps for OS:", osType, apps);
3333

3434
// Find the project by ID (convert both to strings for consistency)
3535
const project = apps.find(app => String(app.app_id) === String(projectId));
3636

37-
console.log("🔹 Found Project:", project);
37+
console.log("Found Project:", project);
3838

3939
if (!project) {
4040
throw new Error("Project not found.");
@@ -44,7 +44,7 @@ document.addEventListener("DOMContentLoaded", async () => {
4444
document.getElementById("app-icon").src = project.icon;
4545
document.getElementById("app-name").textContent = project.name;
4646
document.getElementById("app-category").textContent = project.category;
47-
document.getElementById("app-rating").textContent = `Rating: ${project.rating}/5`;
47+
// document.getElementById("app-rating").textContent = `Rating: ${project.rating}/5`;
4848
document.getElementById("description").textContent = project.description;
4949
document.getElementById("action-button").href = project.app_store_link;
5050

‎iPhone/styles/contact.css‎

Lines changed: 18 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -4,25 +4,20 @@
44
flex-direction: column;
55
align-items: center;
66
justify-content: center;
7-
padding: 20px;
8-
background-color: var(--bg-color, #fff); /* Dark/light mode background */
7+
padding-top: 6rem;
8+
background-color: var(--bg-color, #fff);
99
}
1010

11-
.contact-page a {
12-
color: inherit; /* Inherit color from parent, ensuring links don’t appear blue */
13-
text-decoration: none !important; /* Remove underlines if needed */
14-
}
15-
16-
.contact-page a:hover {
17-
color: #6eb2fb; /* You can change this to any color you like *//* Optional: Add underline on hover */
18-
}
11+
.contact-page * {
12+
text-decoration: none !important;
13+
}
1914

2015
/* Contact Section Header */
2116
.contact-page h2 {
2217
font-size: 1.5rem;
2318
margin-bottom: 1rem;
24-
margin-top: 0;
25-
text-align: left; /* Aligns text to the left */
19+
margin-top: 10;
20+
text-align: left;
2621
width: 100%;
2722
}
2823

@@ -39,37 +34,35 @@
3934
margin: 5px 0;
4035
width: 100%;
4136
text-align: center;
37+
background-color: #333;
38+
border-radius: 5px;
4239
}
4340

4441
/* Email Link Styling */
4542
.contact-page .contact-link {
4643
font-size: 18px;
47-
text-decoration: none; /* Remove underline */
48-
color: #333;
4944
font-weight: bold;
50-
display: inline-flex;
45+
display: inline;
5146
align-items: center;
5247
gap: 10px;
5348
transition: color 0.3s;
5449
padding: 8px 15px;
5550
}
5651

5752
/* Email link hover color */
58-
.contact-page .contact-link:hover {
59-
color: #007bff; /* Hover color for email link */
53+
.contact-page .contact-item:hover {
54+
background-color: #007bff;
6055
}
6156

6257
/* Resume Button Styling */
6358
.contact-page .resume-btn {
59+
color: #f0f0f0;
6460
display: inline-flex;
6561
align-items: center;
6662
padding: 10px 20px;
67-
background-color: #f0f0f0;
6863
border-radius: 8px;
69-
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
7064
font-size: 16px;
7165
gap: 10px;
72-
text-decoration: none; /* Ensure no underline */
7366
}
7467

7568
/* Resume Button Hover Styling */
@@ -80,42 +73,35 @@
8073

8174
/* Social Media Icons (interactive) */
8275
.contact-page .social-links {
83-
display: flex;
76+
display: inline;
8477
justify-content: center;
85-
gap: 15px;
78+
gap: 3rem;
8679
margin-top: 20px;
8780
}
8881

8982
.contact-page .social-icon {
9083
font-size: 30px;
9184
transition: transform 0.3s;
9285
color: #333;
93-
text-decoration: none; /* Remove underline */
9486
}
9587

9688
/* Hover effect for social media icons */
9789
.contact-page .social-icon:hover {
98-
transform: scale(1.2); /* Icon enlarges slightly on hover */
99-
color: #007bff; /* Hover color for social icons */
90+
transform: scale(1.2);
91+
color: #007bff;
10092
}
10193

10294
/* Back Button (no hover effect) */
10395
.contact-page .back-button {
10496
color: #333;
10597
font-size: 18px;
106-
text-decoration: none; /* Remove underline */
10798
}
10899

109100
.contact-page .back-button:hover {
110-
color: #333; /* Ensure no hover effect on back button */
101+
color: #333;
111102
}
112103

113104
/* Avoid hover effect on all other non-interactive text */
114-
.contact-page p,
115-
.contact-page h2 {
116-
text-decoration: none; /* Ensure no underline on any text */
117-
}
118-
119105
@media screen and (max-width: 600px) {
120106
.contact-page {
121107
padding: 10px;

‎iPhone/styles/project-details.css‎

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,13 @@
33
max-width: 240px;
44
margin-top: 2rem;
55
width: 100%;
6+
text-decoration: none !important;
67
}
78

89
.app-header {
910
display: flex;
10-
align-items: top;
11+
margin-top: 0;
12+
/* align-items: top; */
1113
gap: 0.5rem;
1214
}
1315

@@ -19,9 +21,7 @@
1921
align-items: center;
2022
justify-content: center;
2123
background: linear-gradient(145deg, #ffffff, #e6e6e6); /* Gradient background for depth */
22-
box-shadow:
23-
0 4px 6px rgba(0, 0, 0, 0.1),
24-
inset 0 1px 2px rgba(255, 255, 255, 0.5);
24+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1),inset 0 1px 2px rgba(255, 255, 255, 0.5);
2525
}
2626

2727
.screenshot-container {
@@ -32,29 +32,27 @@
3232
}
3333

3434
.screenshot-container img {
35-
width: 150px;
35+
width: 130px;
3636
height: 250px;
3737
border-radius: 10px;
3838
flex-shrink: 0;
3939
}
4040

4141
.app-info {
42-
flex-grow: 0.5;
42+
display: grid;
4343
}
4444

4545
.app-name {
46-
display: inline-block;
47-
font-size: 1.2rem;
46+
font-size: 1rem;
4847
color: #1d1d1f;
49-
display: block;
50-
vertical-align: top;
48+
align-items: top !important;
49+
text-align: top !important;
5150
}
5251

5352
.app-category {
5453
font-size: 0.6rem;
5554
color: #6e6e73;
56-
display: block;
57-
padding: 0;
55+
margin-top: 0;
5856
}
5957

6058
.app-rating {
@@ -68,16 +66,19 @@
6866
}
6967

7068
.description {
71-
font-size: 1rem;
69+
font-size: 0.8rem !important;
7270
color: #333;
7371
}
7472

7573
.Action-button-container .btn {
76-
display: inline-block;
77-
padding: 10px 20px;
74+
border: 0;
75+
outline: 0;
76+
cursor: pointer;
77+
color: white;
7878
background-color: #007aff;
79-
color: #fff;
80-
text-decoration: none;
81-
border-radius: 5px;
82-
text-align: center;
83-
}
79+
border-radius: 10px;
80+
font-size: 0.6rem;
81+
font-weight: 300;
82+
padding: 4px 8px;
83+
max-height: 28px;
84+
}

‎landing.html‎

Lines changed: 29 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>CSPrasad - Portfolio</title>
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
78
<link rel="stylesheet" href="styles/landing.css">
9+
<link rel="stylesheet" href="styles/leftPanel.css">
810
</head>
911
<body>
1012
<div class="landing-container">
@@ -25,14 +27,33 @@
2527

2628
<section class="section section--hello" id="hello">
2729
<div class="section__inner">
28-
<div class="block">
29-
<img src="./iPhone/assets/images/profile.jpg"/>
30-
<h1>Hi, I'm <br>Brahmendraprasad 👋</h1>
31-
<p>iOS Developer</p>
32-
<p style="display: none;">I specialize in crafting intuitive and high-performance iOS applications,
33-
focusing on seamless user experiences and innovative solutions.
34-
Passionate about solving complex technical challenges,
35-
I bring a detail-oriented approach to mobile development.</p>
30+
<div class="container">
31+
<header>
32+
<div class="header-content">
33+
<!-- <span class="icon">△</span> -->
34+
<span class="dot"><i class="fa fa-circle" aria-hidden="true"></i></span>
35+
<span class="contact"><a href="mailto:[email protected]">[email protected]</a></span>
36+
<!-- <span class="menu">☰</span> -->
37+
</div>
38+
</header>
39+
<main>
40+
<div class="profile">
41+
<img src="iPhone/assets/images/profile.jpg" alt="CSPrasad" class="profile-img">
42+
<div class="detail">
43+
<h1>Hi, I'm <span class="name">C S Prasad!</span></h1>
44+
<!-- <p>(Brahmendraprasad) <span class="title"></span></p> -->
45+
<p>I'm an indie<span class="title"> iOS developer</span> currently working on <a class="working" href="https://github.com/csprasad/DevLint">DevLint</a>.</p>
46+
<p><span class="company"></span> <span class="open-to-work">
47+
<img src="pulse.png">
48+
<span>Open to work</span>
49+
</span></p>
50+
<div class="call-section">
51+
<button class="book-call" title="Still working on this">Book a call</button>
52+
<p class="connect">Feel free to explore my portfolio and reach out <br>—I'd love to connect!</p>
53+
</div>
54+
</div>
55+
</div>
56+
</main>
3657
</div>
3758
</div>
3859
</section>

‎pulse.png‎

2.59 KB
Loading

0 commit comments

Comments
 (0)