Skip to content

Commit 35d5a8e

Browse files
author
0xdharanesh
committed
push to git
1 parent d023c56 commit 35d5a8e

File tree

7 files changed

+830
-67
lines changed

7 files changed

+830
-67
lines changed

‎blog/index.html‎

Lines changed: 141 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>About Dharanesh</title>
6+
<title>Blogs</title>
77
<link rel="stylesheet" type="text/css" href="../assets/css/style.css" />
88
<link rel="stylesheet"
99
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" />
1010
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
11-
<text y='.9em' font-size='90'>🤔</text></svg>">
11+
<text y='.9em' font-size='90'>📰</text></svg>">
1212
<!-- <link rel="stylesheet" href="fa.css"> -->
1313
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
1414
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
@@ -70,19 +70,89 @@
7070
}
7171

7272
.Name h1 {
73-
width: 100%;
74-
height: 60vh;
75-
display: flex;
76-
align-items: center;
77-
justify-content: center;
78-
position: relative;
79-
text-align: center;
80-
font-size: 2rem;
81-
font-weight: 700;
82-
letter-spacing: 3px;
83-
color: #00ffcc;
84-
text-shadow: 0px 0px 20px #00ffcc;
85-
}
73+
width: 100%;
74+
height: 60vh;
75+
display: flex;
76+
align-items: center;
77+
justify-content: center;
78+
position: relative;
79+
text-align: center;
80+
font-size: 2rem;
81+
font-weight: 700;
82+
letter-spacing: 3px;
83+
color: #00ffcc;
84+
text-shadow: 0px 0px 20px #00ffcc;
85+
}
86+
87+
.down1 {
88+
width: 80%;
89+
margin: auto;
90+
text-align: center;
91+
padding-top: 50px;
92+
}
93+
94+
.down1-col {
95+
flex-basis: 32%;
96+
border-radius: 10px;
97+
margin-bottom: 30px;
98+
position: relative;
99+
overflow: hidden;
100+
}
101+
102+
.down1-col {
103+
height: 50%;
104+
width: 100%;
105+
}
106+
107+
.layer {
108+
background: transparent;
109+
height: 100%;
110+
width: 100%;
111+
position: absolute;
112+
top: 0;
113+
left: 0;
114+
transition: 0.5s;
115+
}
116+
117+
.layer:hover {
118+
background: transparent;
119+
}
120+
121+
.layer h3 {
122+
width: 100%;
123+
font-weight: 500;
124+
color: #fff;
125+
font-size: 26px;
126+
bottom: 0;
127+
left: 50%;
128+
transform: translateX(-50%);
129+
position: absolute;
130+
transition: 0.5s;
131+
}
132+
133+
.layer:hover h3 {
134+
bottom: 49%;
135+
opacity: 1;
136+
}
137+
138+
.down1-btn {
139+
display: inline-block;
140+
text-decoration: none;
141+
color: rgb(0, 0, 0);
142+
border: 1px solid rgb(153, 190, 118);
143+
border-radius: 15px;
144+
padding: 12px 32px;
145+
font-size: 15px;
146+
background: transparent;
147+
position: relative;
148+
cursor: pointer;
149+
}
150+
151+
.down1-btn:hover {
152+
border: 1px solid rgb(112, 228, 96);
153+
background: rgb(112, 228, 96);
154+
transition: 1s;
155+
}
86156
</style>
87157
</head>
88158

@@ -139,6 +209,58 @@
139209
<h1>0xD#4R4N35#</h1>
140210
</div>
141211
</div>
212+
213+
<section class="down1" id="blog">
214+
<h1> Blogs </h1>
215+
<p>blogs about environment isuses</p>
216+
<!------blogs{down1} for add some content about blogs on this web site----->
217+
<div class="row">
218+
<div class="down1-col">
219+
<a href="smok.html">
220+
<img src="images/smoke.jpg">
221+
<div class="layer">
222+
<h3>காற்று மாசு , மூச்சுக்கு கேடு</h3>
223+
</div>
224+
</a>
225+
</div>
226+
<div class="down1-col">
227+
<a href="#">
228+
<img src="images/landp.jpg">
229+
<div class="layer">
230+
<h3>நெகிழியின் வேகம் எதிர்காலத்திற்கு சாபம்</h3>
231+
</div>
232+
</a>
233+
</div>
234+
<div class="down1-col">
235+
<a href="#">
236+
<img src="images/water-pol.jpg">
237+
<div class="layer">
238+
<h3>நீர் மாசு நித்தம் இங்கே</h3>
239+
</div>
240+
</a>
241+
</div>
242+
</div>
243+
<a href="smok.html" class="down1-btn">
244+
For More Blogs
245+
</a>
246+
</section>
247+
248+
<div class="content-section">
249+
<div class="Name">
250+
<h1>What is life</h1>
251+
</div>
252+
</div>
253+
<div class="content-section">
254+
<div class="Name">
255+
<h1>Butterfly effect - psychologically</h1>
256+
<h2>This could ruin too</h2>
257+
</div>
258+
</div>
259+
<div class="content-section">
260+
<div class="Name">
261+
<h1>Why to sleep</h1>
262+
</div>
263+
</div>
142264
<section>
143265
<div class="cursor" id="cursor"></div>
144266
<div class="cursor2" id="cursor2"></div>
@@ -149,7 +271,6 @@ <h1>0xD#4R4N35#</h1>
149271
</section>
150272

151273
<script>
152-
153274

154275
//name effect
155276
document.addEventListener("DOMContentLoaded", function () {
@@ -188,11 +309,11 @@ <h1>0xD#4R4N35#</h1>
188309
});
189310

190311

191-
312+
192313
// Redirect to a new URL after 3 seconds
193-
setTimeout(function () {
194-
window.location.href = '../dev.html';
195-
}, 500);
314+
// setTimeout(function () {
315+
// window.location.href = '../dev.html';
316+
//}, 500);
196317

197318
</script>
198319
</body>

‎dev.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Document</title>
6+
<title>Under construction</title>
7+
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'> <text y='.9em' font-size='90'>🚧</text></svg>">
78
<style>
89
HTML {
910
overflow: hidden;

‎index.html‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -360,9 +360,10 @@
360360
<div class="home-content">
361361
<h1 id="greeting"></h1>
362362
<h2>It’s Dharanesh</h2>
363-
<h3>A <span id="dynamic-text">Tech Guy</span></h3>
363+
<h3>A <span id="dynamic-text"></span></h3>
364364
<p>
365-
Passionate Learner Exploring Diverse Engineering Technologies 🤟
365+
Passionate Learner Exploring Diverse Engineering Technologies 🤟 <br>
366+
Worst then you think and always beyond your expectations!
366367
</p>
367368
<a href="pages/about.html" class="btn">Know More</a>
368369
</div>
@@ -390,8 +391,9 @@ <h3>A <span id="dynamic-text">Tech Guy</span></h3>
390391
];
391392

392393
document.getElementById("greeting").innerText = greetings[Math.floor(Math.random() * greetings.length)];
393-
// Array of words to type
394-
const words = ["R&D Engineer ! ", "Tech Enthusiast ! "];
394+
// Array of words to type #TODO implement more text
395+
const words = ["Techie ! ", "R&D Engineer ! ", "Cyber Sec Enthusiast ! "];
396+
// with Hands-On Electronics Knowledge
395397
let wordIndex = 0; // To keep track of the current word
396398
let letterIndex = 0; // To keep track of the current letter in the word
397399
let currentWord = ""; // The word currently being typed

0 commit comments

Comments
 (0)