-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
173 lines (134 loc) · 5.32 KB
/
Copy pathindex.html
File metadata and controls
173 lines (134 loc) · 5.32 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CJ's Portfolio</title>
<!-- Modern font -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header -->
<header>
<h1>Welcome to CJ's Portfolio</h1>
</header>
<!-- About Me -->
<section class="about-box">
<h2>About Me</h2>
<p>
Hello! I'm CJ<br>
Civil & GIS Engineer | Geospatial Specialist | CAD-GIS Integration | Terrain Visualization 🌍<br>
Passionate about hydropower, renewable energy and geospatial technologies.<br>
<strong>I develop geospatial models, terrain visualizations and automated GIS workflows for hydrological and environmental applications. </strong>
</p>
</section>
<!-- Social Links -->
<section class="social-links">
<a href="https://www.linkedin.com/in/chanika-janlueng" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/174/174857.png" width="32" alt="LinkedIn">
</a>
<a href="mailto:chanika.jan@gmail.com">
<img src="https://cdn-icons-png.flaticon.com/512/732/732200.png" width="32" alt="Email">
</a>
<a href="https://github.com/ChanikaJan" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" width="32" alt="GitHub">
</a>
</section>
<!-- Civil Projects Section -->
<section class="projects">
<h2>🏗️ Civil 3D & Engineering Design </h2>
<div class="project-grid">
<a href="projects/civil3d.html" class="project-card">
<img src="assets/images/01_Surfce_3D.jpg" alt="Civil 3D Project">
<p>Surface Creation for DEM</p>
</a>
<a href="projects/civil3d_Grading.html" class="project-card">
<img src="assets/images/02_Surfce_3D.jpg" alt="Civil 3D Project">
<p>Dam Grading Structure</p>
</a>
</div>
</section>
<section class="projects">
<div class="project-grid">
<a href="projects/civil3dExcation_Eartwork.html" class="project-card">
<img src="assets/images/Civil3D_Excation_Eartwork.gif" alt="Civil 3D Project">
<p>Excavation & Earthwork</p>
</a>
</div>
</section>
<!-- GIS based Projects Section -->
<section class="projects">
<h2>⚡Hydrology & Engineering GIS</h2>
<div class="project-grid">
<a href="projects/catchment.html" class="project-card">
<img src="assets/images/CatchmentArea_HypsometricCurve.jpg" alt="GIS Based">
<p>Catchment Area Delineation</p>
</a>
<a href="projects/automate-gis-catchment-delineation.html" class="project-card">
<img src="assets/images/Multi_CatchmentAreas.gif" alt="Automate-gis-catchment-delineation">
<p>Automated Multi-Catchment Delineation</p>
</a>
</div>
</section>
<section class="projects">
<div class="project-grid">
<a href="projects/CAD-GIS-Integration.html" class="project-card">
<img src="assets/images/CAD-GIS_Integration_GITHUB_02.jpg" alt="CAD–GIS integration">
<p>CAD-GIS Integration: Terrain Modeling and Infrastructure Visualization</p>
</a>
</div>
</section>
<!-- GIS Projects Section -->
<section class="projects">
<h2>🗺️ Cartography & Terrain Visualization </h2>
<div class="project-grid">
<a href="projects/GISHydro_Topo.html" class="project-card">
<img src="assets/images/03_Hydro_TopoMap.jpg" alt="GIS Project">
<p>Hydrologic Map with Topographic Shaded Relief Visualization</p>
</a>
<a href="projects/GISTerrainArt.html" class="project-card">
<img src="assets/images/2D_TopoArt.jpg" alt="GIS Project">
<p>Terrain Art Map</p>
</a>
</div>
</section>
<section class="projects">
<div class="project-grid">
<a href="projects/GISLEGO_topographic.html" class="project-card">
<img src="assets/images/06_TerrainArtLEGO_Map01.jpg" alt="GIS Project">
<p>LEGO Topographic Map</p>
</a>
<a href="projects/GISTransform2D.html" class="project-card">
<img src="assets/images/Transform2D.gif" alt="GIS Project">
<p>Transformation to 2D Vintage Terrain Map</p>
</a>
</div>
</section>
<!-- GIS-Remote Projects Section -->
<section class="projects">
<h2> 🛰️ Remote Sensing & LiDAR </h2>
<div class="project-grid">
<a href="projects/LiDARProcessing.html" class="project-card">
<img src="assets/images/LiDARProcessing.gif" alt="GIS Project">
<p>LiDAR Point Cloud Processing</p>
</a>
<a href="projects/DroneProcessing.html" class="project-card">
<img src="assets/images/DroneProcessing.jpg" alt="GIS Project">
<p>Drone-Based DEM Generation</p>
</a>
</section>
<section class="projects">
<div class="project-grid">
<a href="projects/GEE_NDWI.html" class="project-card">
<img src="assets/images/GEENDIW.gif" alt="GIS Project">
<p>NDWI Extraction - Water Surface Mapping</p>
</a>
</section>
<!-- Footer -->
<footer>
<p>© 2025 CJ | Civil & GIS Engineer | Built with 💡 Neon Style</p>
</footer>
</body>
</html>