replaced all stuff
23
404.html
@@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<title>Error 404 - Not Found</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<br><br><br><br>
|
|
||||||
<center>
|
|
||||||
<h0>404</h0><br>
|
|
||||||
<p class="msg">Sorry, that page doesn't exist.</p><br><br>
|
|
||||||
<button class="large" onclick="window.location.href = 'index.html';">Back To Home Page</button>
|
|
||||||
</center>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>Send Mail</title>
|
|
||||||
<script src=
|
|
||||||
"https://smtpjs.com/v3/smtp.js">
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
function sendEmail() {
|
|
||||||
Email.send({
|
|
||||||
Host: "smtp.gmail.com",
|
|
||||||
Username: "captcyberfreak@gmail.com",
|
|
||||||
Password: "freak@google",
|
|
||||||
To: 'silicoflare@gmail.com',
|
|
||||||
From: "sender@email_address.com",
|
|
||||||
Subject: "Sending Email using javascript",
|
|
||||||
Body: "Well that was easy!!",
|
|
||||||
})
|
|
||||||
.then(function (message) {
|
|
||||||
alert("mail sent successfully")
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<form method="post">
|
|
||||||
<input type="button" value="Send Email"
|
|
||||||
onclick="sendEmail()" />
|
|
||||||
</form>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Blank Page</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,90 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<title>Contact Me - SilicoFlare</title>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload = "setHeader()">
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = 'contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = 'index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Credits</h1>
|
|
||||||
Everything on this website, including code, color scheme, layout, graphics and cursors, is created completely by me.<br>
|
|
||||||
<strong>Font</strong> - <a href = 'https://fonts.google.com/specimen/Patrick+Hand?query=patrick'>Patrick Hand</a> by Patrick Wagesreiter
|
|
||||||
<br><br><br>
|
|
||||||
<h1>Contact Me</h1>
|
|
||||||
Do you have any comments/suggestions? Reach out to me through this form.<br>
|
|
||||||
(Email is compulsory in order to reduce spam. Hope you understand.)
|
|
||||||
<br><br>
|
|
||||||
<!-- begin wwww.htmlcommentbox.com -->
|
|
||||||
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
|
|
||||||
<link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
|
|
||||||
<script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"%27"), h="https://www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24Im5FKvlA3KD9S.9kJJ3IO0"+"&opts=16798&num=10&ts=1627647009473");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
|
|
||||||
<!-- end www.htmlcommentbox.com -->
|
|
||||||
<!--<p align = "justified"><iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd2OBxSn81BcbKmm7lOqOITmBsJh-cTEslN9OAB79du6VAz5w/viewform?embedded=true" width="device-width" height="750" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></p>-->
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
BIN
_temp/cursor.cur
|
Before Width: | Height: | Size: 318 B |
@@ -1,10 +0,0 @@
|
|||||||
<?php
|
|
||||||
$to = 'silicoflare@gmail.com';
|
|
||||||
$subject = 'The subject';
|
|
||||||
$message = 'hello';
|
|
||||||
$headers = 'From: webmaster@example.com' . "\r\n" .
|
|
||||||
'Reply-To: webmaster@example.com' . "\r\n" .
|
|
||||||
'X-Mailer: PHP/' . phpversion();
|
|
||||||
|
|
||||||
mail($to, $subject, $message, $headers);
|
|
||||||
?>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<form
|
|
||||||
action="https://formsubmit.co/bc939f8d3c008b6d4f333a946341ad05"
|
|
||||||
method="POST"
|
|
||||||
>
|
|
||||||
<label>
|
|
||||||
Your email:
|
|
||||||
<input type="email" name="email">
|
|
||||||
</label>
|
|
||||||
<label>
|
|
||||||
Your message:
|
|
||||||
<textarea name="message"></textarea>
|
|
||||||
</label>
|
|
||||||
<!-- your other form fields go here -->
|
|
||||||
<button type="submit">Send</button>
|
|
||||||
</form>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
Nothing here. Get outta here.
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
https://youtu.be/wO-T0PItTY0
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
Heyyyyy Harineee!!
|
|
||||||
|
|
||||||
Finally 3 semesters of friendship between us! I don't know how fast time passed, and we became so good friends! Yes, I know something bad existed between us, but yes, we won over it! Now it's more like my day isn't complete without speaking to you!
|
|
||||||
|
|
||||||
Well so you would wonder why am I speaking like this out of the blue. Now you need to read seriously. It's an important thing: I still like you.. Yes, I am serious af. Not a dare, not a prank or not anything else. It is a pure confession. I have always liked you since I left school. Wait wait, lemme explain myself. I know it's the most shameless thing I could do, but hear me out first. I realised my mistake long back, but I just didn't know the exact way I had to tell you. I know I have made you go through the worst, and so have I. I never went into a relationship after you. I never felt to date anyone except you. I couldn't think of any other girl. All I did was think of you and blush like a girl who's head over heels in love. I ain't lying, I have betrayed you enough, and I don't wanna do it again.
|
|
||||||
|
|
||||||
Now you may ask, there are so many other boys in PES, why choose me. Coz I know you so much! And yeah, trust me plz, I have actually changed a lot. You would have seen glimpses of it, though I didn't reveal it completely. I understood that love can be expressed without telling "I love you" even once. I can show such love. And yeah, not to forget, I don't smoke, I don't drink, I don't do drugs, and my first kiss... well, you have taken it already. I already decided that I'll talk to my parents when it's time to marry, and I'll surely make you my bride. I want you to be my companion in this wonderful journey called life. We'll travel to places together, we'll have all kinds of adventures, and yeah.. nah never mind, we'll think of it after marriage. I will take real good care of you, and yeah, this time "Never gonna give you up!" Rickrolled!
|
|
||||||
|
|
||||||
Okay, jokes apart, I'm real serious abt this da. I know I broke your trust once upon a time, and it did take time for you to regain it back. I promise, if we get back, I'll never leave you or cheat on you again, no matter how far we are from each other. I won't leave you till you tell me to leave, with a valid reason. And yeah, I rarely make promises, and when I do, I never break them. I should have promised to never leave you back then... And yeah, god forbid if I break it, which is impossible, may I not marry anyone in my life. On my word. Whatever, the past is past, and here we are, at what could be the beginning of a beautiful journey ahead...
|
|
||||||
|
|
||||||
Just think over it. If you agree, I'll surely keep you happy. Worst case scenario, if you don't want to.. still okay, coz if you are happy, then I'm happy too! Atleast I'll have you on my side as a friend, which I thought I'll never have. Just think over it, please. I'll never leave you, I promise..
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<title>Main - Message</title>
|
|
||||||
<link rel="stylesheet" href="aadi.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
Heyyyyy Harineee!!
|
|
||||||
<p>Finally 3 semesters of friendship between us! I don't know how fast time passed, and we became so good friends! Yes, I know something bad existed between us, but yes, we won over it! Now it's more like my day isn't complete without speaking to you!</p>
|
|
||||||
<p>Well so you would wonder why am I speaking like this out of the blue. Now you need to read seriously. It's an important thing: I still like you.. Yes, I am serious af. Not a dare, not a prank or not anything else. It is a pure confession. I have always liked you since I left school. Wait wait, lemme explain myself. I know it's the most shameless thing I could do, but hear me out first. I realised my mistake long back, but I just didn't know the exact way I had to tell you. I know I have made you go through the worst, and so have I. I never went into a relationship after you. I never felt to date anyone except you. I couldn't think of any other girl. All I did was think of you and blush like a girl who's head over heels in love. I ain't lying, I have betrayed you enough, and I don't wanna do it again.</p>
|
|
||||||
<p>Now you may ask, there are so many other boys in PES, why choose me. Coz I know you so much! And yeah, trust me plz, I have actually changed a lot. You would have seen glimpses of it, though I didn't reveal it completely. I understood that love can be expressed without telling "I love you" even once. I can show such love. And yeah, not to forget, I don't smoke, I don't drink, I don't do drugs, and my first kiss... well, you have taken it already. I already decided that I'll talk to my parents when it's time to marry, and I'll surely make you my bride. I want you to be my companion in this wonderful journey called life. We'll travel to places together, we'll have all kinds of adventures, and yeah.. nah never mind, we'll think of it after marriage. I will take real good care of you, and yeah, this time "Never gonna give you up!" Rickrolled! </p>
|
|
||||||
<p>Okay, jokes apart, I'm real serious abt this da. I know I broke your trust once upon a time, and it did take time for you to regain it back. I promise, if we get back, I'll never leave you or cheat on you again, no matter how far we are from each other. I won't leave you till you tell me to leave, with a valid reason. And yeah, I rarely make promises, and when I do, I never break them. I should have promised to never leave you back then... And yeah, god forbid if I break it, which is impossible, may I not marry anyone in my life. On my word. Whatever, the past is past, and here we are, at what could be the beginning of a beautiful journey ahead...</p>
|
|
||||||
<p>Just think over it. If you agree, I'll surely keep you happy. Worst case scenario, if you don't want to.. still okay, coz if you are happy, then I'm happy too! Atleast I'll have you on my side as a friend, which I thought I'll never have. Just think over it, please. I'll never leave you, I promise..</p>
|
|
||||||
<br><br>
|
|
||||||
<p>Today's edit: Though I saw hatred in your eyes today, I actually blushed when I realized that I finally got to meet you. The reason I missed meeting you on day 1 was a rather silly reason: I was too shy to look fo you and look into your eyes... </p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
var t = document.createElement("title");
|
|
||||||
t.innerHTML = "Dynamic HTML";
|
|
||||||
document.head.appendChild(t);
|
|
||||||
|
|
||||||
var b = document.body;
|
|
||||||
|
|
||||||
var temp = document.createElement("h1");
|
|
||||||
temp.innerHTML = "This is a heading!!";
|
|
||||||
b.innerHTML = temp;
|
|
||||||
|
|
||||||
temp = document.createElement("h2");
|
|
||||||
temp.innerHTML = 'Welcome!!';
|
|
||||||
b.append(temp);
|
|
||||||
|
|
||||||
var d = document;
|
|
||||||
temp = d.createElement("div");
|
|
||||||
temp.innerHTML = "This webpage has been ENTIRELY constructed piece-by-piece with JavaScript! Can you believe how powerful dynamically generated pages have become??";
|
|
||||||
b.append(temp);
|
|
||||||
35
aaa.html
@@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>Send Mail</title>
|
|
||||||
<script src=
|
|
||||||
"https://smtpjs.com/v3/smtp.js">
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
function sendEmail() {
|
|
||||||
Email.send({
|
|
||||||
Host: "smtp.gmail.com",
|
|
||||||
Username: "captcyberfreak@gmail.com",
|
|
||||||
Password: "freak@google",
|
|
||||||
To: 'silicoflare@gmail.com',
|
|
||||||
From: "sender@email_address.com",
|
|
||||||
Subject: "Sending Email using javascript",
|
|
||||||
Body: "Well that was easy!!",
|
|
||||||
})
|
|
||||||
.then(function (message) {
|
|
||||||
alert("mail sent successfully")
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<form method="post">
|
|
||||||
<input type="button" value="Send Email"
|
|
||||||
onclick="sendEmail()" />
|
|
||||||
</form>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
src: url('./lato_font.ttf');
|
|
||||||
font-family: 'Lato';
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: Lato;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: #000;
|
|
||||||
color: white;
|
|
||||||
padding: 0.5in;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
background-color: gray;
|
|
||||||
color: #000;
|
|
||||||
border-radius: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.format {
|
|
||||||
font-style: oblique;
|
|
||||||
text-align: center;
|
|
||||||
color: #00FF00;
|
|
||||||
}
|
|
||||||
@@ -1,91 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<title>Main - Aadi Budday</title>
|
|
||||||
<link rel="stylesheet" href="aadi.css">
|
|
||||||
<!--<script src="https://kihtrak.com/cloud_variable/cloudify.min.js"></script>
|
|
||||||
<script>
|
|
||||||
var cloud_canAccess;
|
|
||||||
|
|
||||||
var before_12;
|
|
||||||
var after_12;
|
|
||||||
|
|
||||||
function hideAndShow() {
|
|
||||||
before_12 = document.querySelector(".before12");
|
|
||||||
after_12 = document.querySelector(".after12");
|
|
||||||
|
|
||||||
console.log(cloud_canAccess);
|
|
||||||
|
|
||||||
if(cloud_canAccess === 'yes')
|
|
||||||
{
|
|
||||||
console.log("True");
|
|
||||||
before_12.style.display = 'none';
|
|
||||||
after_12.style.display = 'block';
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
console.log("False");
|
|
||||||
before_12.style.display = 'block';
|
|
||||||
after_12.style.display = 'none';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
-->
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>
|
|
||||||
Aadi strode in the rain, lost deep in his thoughts. Like a scorpio would, he loved to walk in the rain, as he claims, "No one would see my tears." But at this moment, he was not sad. Or you could say so. His birthday was tomorrow.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
A part of a happy family, Aadi has always been a good son to his parents, and a good brother to his sister. A completely busy family, so they enjoy to the best when they get time to spend together. His mom, a teacher, is known for her punctuality, and his dad, a software employee, for his values. Aadi has truly inherited these values, along with some "Aadi-only" characteristics. A well-known member in his extended family too, he is looked upon as the achiever, and is target to large amounts of pressure from them, especially his aunt and uncle. Not a problem, though, coz he has seen worse.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
He is more or less the president of his apartment commitee, thanks to everyone flocking to him when there is an event to organize. He is the organizer, the host, the planner and what not. In short, for any given programme hosted in Aratt Firenza, you could say this: "STORY - SCREENPLAY - DIRECTION: Aadi". An exaggeration, but yeah it's close to it.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Now the worst part of everything: friends. You may think how, but yes, he has been through the worst coz of them. Due to being a newcomer in grade 3 to a completely new school in a completely new state, he had trouble making friends. He was a bright student, and as expected, he was isolated by everyone. The speech problem he developed during grade 6 made it worse.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
But he coped up with this too, like he did with everything else. He never let loneliness take over him. His suffering was neutralized in the last 2 years of school when he made new friends and memories galore.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Fast forwarding the 2 years of his college life, we find these stuff: another round of new friends, prep for JEE, get togethers with Bus Stop Buddies, helping Flare get out of deep shit, bonding with juniors, Low Expectations skit, lot of hardwork and a flustered mode on Annual Day, graduation from Parihar University (IYKYK) and random other stuff...
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
11:59 PM. Though he wasn't waiting for his birthday, he still wondered who will be the first person to message him. Will it be Flare? Will it be the sweet junior Devi? Will it be his lost love Pratha? Or will it be the poet in him? It has always been his habit of staying awake till late night, and sometimes overnight, too. Claims that 3 AM thoughts are for people who sleep, so don't apply to him. One night at 4 AM he went to the kitchen to get water and sleep, and his mom, who was awake at that time too, thought he woke up early and praised him, until she saw him floating towards the bed like a spirit. That night, 3 things fell down. Aadi on his bed. His mom's hopes on him. A stick on his ass.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Finally the clock struck twelve, and synchronously a message popped on his screen. From an unknown number. Interesting start of a new year, he thought. He opened it up and started reading:
|
|
||||||
</p>
|
|
||||||
<!--<div class="before12">
|
|
||||||
(Well well well... it ain't 12 yet, so click the following button at 12 AM.)<br>
|
|
||||||
<button onclick="window.location.reload(true)">Refresh</button>
|
|
||||||
</div>-->
|
|
||||||
<div class="after12">
|
|
||||||
<p class="format">
|
|
||||||
"Hey Aadi! First of all, a very happy birthday to you!! Enjoy your day, have a beautiful year ahead, and stay safe. Finally you have crossed one of the most monumental checkpoints of your life: the age of 18. They say it is the age of maturity, but I know, and God knows too, that you seen enough and were mature enough even before this. Thanks a lot for everything you have done for me and are doing for me. Always be the person you always have been, and never forget that I will always be on your side, to congratulate you when you win, to support you when you fail, and to encourage you to fight when you are in problems. When the whole world was letting me down, you showed me my future with your presence in my life. Yes, 4 years of friendship we have, and I can proudly say that we never had even 1 instance of difference in these years. Your support was invaluable in times when I needed it. You were the one who infused the concept of nationalism in me, which I live by till date. You showed me how to fight problems face to face. You showed me the way life has to be lived. You showed me what it means to be a true friend.
|
|
||||||
</p>
|
|
||||||
<p class="format">
|
|
||||||
Speaking of the age of 18, it is when you realise that quality matters a lot than quantity, that giving a shit about what everyone say is not always the right thing, that betrayals might happen by the most unexpected people, and that it takes more than guts to be a man.
|
|
||||||
</p>
|
|
||||||
<p class="format">
|
|
||||||
All the very best for an amazing future that lies ahead in University. Make new friends and memories, cherish the old ones, learn new things, work hard, achieve your dreams and show the damn world what you are capable of. Never let someone affect you. It's your life, you choose how to live it. Yes, you will face betrayals and oppression from the people least expected, but always be ready for what I call the worst case scenario.
|
|
||||||
</p>
|
|
||||||
<p class="format">
|
|
||||||
May god bless you with a life worth of happiness, success and wealth. May you live a long and happy life."
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
That night, he realised he gained two things. A companion who wouldn't let him down. A dark world ahead to explore...
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
hideAndShow();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<title>Disclaimer - Aadi Budday</title>
|
|
||||||
<link rel="stylesheet" href="aadi.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<br><br><br><br><br>
|
|
||||||
<center>
|
|
||||||
<h1>DISCLAIMER</h1>
|
|
||||||
<p>
|
|
||||||
All stuff mentioned in the message has tried to show reality in the best known way possible, and if anything feels offending or hurting, I'm really sorry, I never meant to. Prolly I just suck at writing.
|
|
||||||
</p>
|
|
||||||
<button onclick="window.location.href = 'budday.html'">I Agree</button>
|
|
||||||
</center>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
95
contact.html
@@ -1,95 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<title>Contact Me - SilicoFlare</title>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload = "setHeader()">
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = 'contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = 'index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Credits</h1>
|
|
||||||
Everything on this website, including code, color scheme, layout, graphics, font, and cursors, is created completely by me.
|
|
||||||
<br><br><br>
|
|
||||||
<h1>Contact Me</h1>
|
|
||||||
Here are all my social links to reach out to me.<br>
|
|
||||||
<ul>
|
|
||||||
<li><h5><a class="discord" href=""><img src="./data/discord.png" width="16" height="16" /> Discord (SilicoFlare#7369)</a></h5></li>
|
|
||||||
<li><h5><a class="email" href="mailto:silicoflare@gmail.com"><img src="./data/mail.png" width="16" height="16" /> E-Mail (silicoflare@gmail.com)</a></h5></li>
|
|
||||||
<li><h5><a class="github" href="https://github.com/SilicoFlare"><img src="./data/github.png" width="16" height="16" /> GitHub (SilicoFlare)</a></h5></li>
|
|
||||||
<li><h5><a class="insta" href="https://www.instagram.com/silicoflare/"><img src="./data/insta.png" width="16" height="16" /> Instagram (@silicoflare)</a></h5></li>
|
|
||||||
<li><h5><a class="reddit" href="https://www.reddit.com/user/silicoflare"><img src="./data/reddit.png" width="16" height="16" /> Reddit (u/SilicoFlare)</a></h5></li>
|
|
||||||
<li><h5><a class="steam" href="https://steamcommunity.com/id/silicoflare/"><img src="./data/steam.png" width="16" height="16" /> Steam (SilicoFlare)</a></h5></li>
|
|
||||||
<li><h5><a class="tele" href="https://t.me/silicoflare"><img src="./data/telegram.png" width="16" height="16" /> Telegram (@silicoflare)</a></h5></li>
|
|
||||||
<li><h5><a class="twitch" href="https://www.twitch.tv/silicoflare"><img src="./data/twitch.png" width="16" height="16" /> Twitch (SilicoFlare)</a></h5></li>
|
|
||||||
<li><h5><a class="xbox" href=""><img src="./data/xbox.png" width="16" height="16" /> Xbox (SilicoFlare)</a></h5></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
178
creations.html
@@ -1,178 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta name="author" content="SilicoFlare">
|
|
||||||
<meta name="description" content="SilicoFlare's official website.">
|
|
||||||
<meta name="keywords" content="silicoflare , website">
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="silicoflare.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="updates.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function () {
|
|
||||||
let check = false;
|
|
||||||
(function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show() {
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader() {
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if (window.mobileAndTabletCheck()) {
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>My Creations - SilicoFlare</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body onload="setHeader()">
|
|
||||||
<header>
|
|
||||||
<div class="pc">
|
|
||||||
<span class='title'> SilicoFlare</span>
|
|
||||||
<div class='nav'>
|
|
||||||
<button type="button" class="menu" onclick="window.location.href = 'index.html';">Home</button>
|
|
||||||
<button type="button" class="menu" onclick="window.location.href = 'updates.html';">Updates</button>
|
|
||||||
<button type="button" class="menu clicked" onclick="window.location.href = 'creations.html';">My
|
|
||||||
Creations</button>
|
|
||||||
<button type="button" class="menu" onclick="window.location.href = 'contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="phone">
|
|
||||||
<div class="title-phone" onclick="window.location.href = 'index.html'" ;>SilicoFlare</div>
|
|
||||||
<span align="right" class="icon" onclick="show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'index.html'" ;>Home</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'updates.html'" ;>Updates</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'creations.html'" ;>My Creations</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'contact.html'" ;>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>My Creations</h1>
|
|
||||||
<button class="collapsible">My Poems</button>
|
|
||||||
<div class="content">
|
|
||||||
<br>Here's a list of all the poems I have written till now. Happy reading!<br><br>
|
|
||||||
<center>
|
|
||||||
<button type="button" class="listing"
|
|
||||||
onclick="window.open('./poems/the_day_we_met.html', '_blank').focus();">The Day We
|
|
||||||
Met</button><br><br>
|
|
||||||
<button type="button" class="listing"
|
|
||||||
onclick="window.open('./poems/laziness.html', '_blank').focus();">Laziness</button><br><br>
|
|
||||||
<button type="button" class="listing"
|
|
||||||
onclick="window.open('./poems/that_certain_someone.html', '_blank').focus();">That Certain
|
|
||||||
Someone</button><br><br>
|
|
||||||
<button type="button" class="listing"
|
|
||||||
onclick="window.open('./poems/my_first_love.html', '_blank').focus();;">My First
|
|
||||||
Love</button><br><br>
|
|
||||||
<button type="button" class="listing"
|
|
||||||
onclick="window.open('./poems/my_bestie.html', '_blank').focus();">My Bestie</button><br><br>
|
|
||||||
<button type="button" class="listing"
|
|
||||||
onclick="window.open('./poems/the_fate_anthem.html', '_blank').focus();">The Fate
|
|
||||||
Anthem</button><br><br>
|
|
||||||
</center>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<button class="collapsible">SilicoHand</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>SilicoHand is the font I created by myself. It's sleek and boxy, and I love it that way. Here are all the
|
|
||||||
characters:<br><br>
|
|
||||||
<center>
|
|
||||||
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br>
|
|
||||||
a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
|
|
||||||
0 1 2 3 4 5 6 7 8 9<br>
|
|
||||||
. , ? ! ; : ' " / \ @ # $ % ^ & *<br>
|
|
||||||
( ) [ ] { } + - _ | = <>
|
|
||||||
</center><br><br>
|
|
||||||
Download the font <a href="./data/silicohand.ttf">here</a>!
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<button class="collapsible">My Previous Logos</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>Here is a gallery of all the logos I previously designed for myself.<br><br>
|
|
||||||
<p>My logo when I was Captain CyberFreak.<br>
|
|
||||||
<center><img height="256" width="256" src="./data/logos/cyberfreak_logo.png" alt="CyberFreak Logo" />
|
|
||||||
</center>
|
|
||||||
</p>
|
|
||||||
<p>My fireball processor logo.<br>
|
|
||||||
<center><img height="256" width="256" src="./data/logos/fireball_logo.png" alt="Fireball Logo" />
|
|
||||||
</center>
|
|
||||||
</p>
|
|
||||||
<p>My motherboard logo.<br>
|
|
||||||
<center><img height="256" width="256" src="./data/logos/processor_logo.png" alt="CyberFreak Logo" />
|
|
||||||
</center>
|
|
||||||
</p>
|
|
||||||
<p>My simplistic logo.<br>
|
|
||||||
<center><img height="256" width="256" src="./data/logos/simple_logo.png" alt="CyberFreak Logo" />
|
|
||||||
</center>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<button class="collapsible">My SilicoSheets</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>I made a lot of cheatsheets, which I love to call "<a
|
|
||||||
href="./pes/silicosheets.html" target="_blank">SilicoSheets</a>".</p>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<!-- <button class="collapsible">Passenger List - Project</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>A simulation of passenger info list from train booking websites. <a
|
|
||||||
href="./creations/passenger_list/pass_info.html" target="_blank">Click here</a> to go to project
|
|
||||||
file.</p>
|
|
||||||
</div>
|
|
||||||
<br> -->
|
|
||||||
<button class="collapsible">My Conscripts [Section under dev]</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>Here is a list of all scripts that I have constructed so far. Enjoy exploring!</p>
|
|
||||||
<center>
|
|
||||||
<button type="button" class="listing" onclick="window.open('', '_blank').focus();">SuryaLipi</button><br><br>
|
|
||||||
<!-- <button type="button" class="listing" onclick="window.open('', '_blank').focus();">ChandraLipi</button><br><br>
|
|
||||||
<button type="button" class="listing" onclick="window.open('', '_blank').focus();">Elysian</button><br><br>
|
|
||||||
<button type="button" class="listing" onclick="window.open('', '_blank').focus();">MarCode</button><br><br>
|
|
||||||
<button type="button" class="listing" onclick="window.open('', '_blank').focus();">Zenithoglyphs</button><br><br> -->
|
|
||||||
</center>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
<script>
|
|
||||||
var coll = document.getElementsByClassName("collapsible");
|
|
||||||
var i;
|
|
||||||
|
|
||||||
for (i = 0; i < coll.length; i++) {
|
|
||||||
coll[i].addEventListener("click", function () {
|
|
||||||
this.classList.toggle("active");
|
|
||||||
var content = this.nextElementSibling;
|
|
||||||
if (content.style.maxHeight) {
|
|
||||||
content.style.maxHeight = null;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
content.style.maxHeight = content.scrollHeight + "px";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: "Orion";
|
|
||||||
src: url("../data/font_little_orion.otf");
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
padding: 20px;
|
|
||||||
background-color: yellow;
|
|
||||||
font-family: "Orion";
|
|
||||||
border: 3px solid black;
|
|
||||||
/*border-radius: 5px;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
padding: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.closebutton {
|
|
||||||
float: right;
|
|
||||||
color: white;
|
|
||||||
background-color: red;
|
|
||||||
border: 2px solid black;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: 3px solid black;
|
|
||||||
background-color: #99FFFF;
|
|
||||||
/*border-radius: 5px;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
legend {
|
|
||||||
border: 3px solid black;
|
|
||||||
white-space: pre;
|
|
||||||
padding: 7px;
|
|
||||||
background-color: #FF88FF;
|
|
||||||
font-family: "Orion", sans-serif;
|
|
||||||
font-size: 110%;
|
|
||||||
/*border-radius: 7px;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
font-family: "Orion", sans-serif;
|
|
||||||
font-size: 125%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
font-family: "Orion", sans-serif;
|
|
||||||
font-size: 125%;
|
|
||||||
background-color: #8AFF8A;
|
|
||||||
border: 2px solid black;
|
|
||||||
/*border-radius: 10px;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
background-color: #FFFF8A;
|
|
||||||
border: 2px solid black;
|
|
||||||
font-family: cursive;
|
|
||||||
}
|
|
||||||
|
|
||||||
select {
|
|
||||||
background-color: #FFFF8A;
|
|
||||||
border: 2px solid black;
|
|
||||||
font-family: cursive;
|
|
||||||
}
|
|
||||||
@@ -1,54 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "pass_info.css">
|
|
||||||
<script src = "pass_info.js"></script>
|
|
||||||
<title>Passenger list</title>
|
|
||||||
</head>
|
|
||||||
<body onload="add();">
|
|
||||||
<header><h1>PASSENGER DETAILS</h1></header>
|
|
||||||
<br><br>
|
|
||||||
<main>
|
|
||||||
<template id = "passTemp">
|
|
||||||
<div class = "passenger">
|
|
||||||
<fieldset>
|
|
||||||
<legend class = "data"></legend>
|
|
||||||
<button class = "closebutton" onclick = "del();">×</button>
|
|
||||||
|
|
||||||
<label for = "passName">Passenger name: </label>
|
|
||||||
<input type = "text" id = "passName" class = "passName" required />
|
|
||||||
   
|
|
||||||
<label for = "age">Age: </label>
|
|
||||||
<input type = "number" id = "age" class = "age" min = 1 max = 500 oninput = "getConc();" required />
|
|
||||||
   
|
|
||||||
<label for = "gender">Gender: </label>
|
|
||||||
<select id = "gender" class = "gender" >
|
|
||||||
<option value = "Male">Male</option>
|
|
||||||
<option value = "Female">Female</option>
|
|
||||||
<option value = "Other">Other</option>
|
|
||||||
</select>
|
|
||||||
   
|
|
||||||
<label for = "berth">Preferred Berth: </label>
|
|
||||||
<select id = "berth" class = "berth" >
|
|
||||||
<option value = "Lower">Lower</option>
|
|
||||||
<option value = "Middle">Middle</option>
|
|
||||||
<option value = "Upper">Upper</option>
|
|
||||||
<option value = "Side-upper">Side upper</option>
|
|
||||||
<option value = "Side-lower">Side lower</option>
|
|
||||||
</select>
|
|
||||||
   
|
|
||||||
<span hidden class = "sp"><label for = "conc"><input type = "checkbox" class = "conc" value = "Avail" />Avail concession</label></span>
|
|
||||||
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
</template>
|
|
||||||
<div id = "passList"></div>
|
|
||||||
<br>
|
|
||||||
<button onclick = "add();">Add passenger</button>
|
|
||||||
<button onclick = "submit();">Submit</button>
|
|
||||||
<div hidden id = "errors">Please enter your name!</div>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
var passNo = 0;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function add() {
|
|
||||||
|
|
||||||
passNo++;
|
|
||||||
|
|
||||||
var temp = document.getElementById("passTemp").content;
|
|
||||||
|
|
||||||
var stuff = document.importNode(temp, true);
|
|
||||||
|
|
||||||
stuff.querySelector(".passenger").setAttribute("id","pass"+passNo);
|
|
||||||
|
|
||||||
stuff.querySelector(".data").textContent = " PASSENGER "+passNo+" ";
|
|
||||||
|
|
||||||
stuff.querySelector(".closebutton").setAttribute("id",passNo);
|
|
||||||
|
|
||||||
stuff.querySelector(".closebutton").setAttribute("onclick","del("+passNo+");");
|
|
||||||
|
|
||||||
stuff.querySelector(".age").setAttribute("oninput","getConc("+passNo+");");
|
|
||||||
|
|
||||||
document.getElementById("passList").appendChild(stuff);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function del(num) {
|
|
||||||
|
|
||||||
var divi = document.getElementById("pass"+num);
|
|
||||||
|
|
||||||
divi.remove();
|
|
||||||
|
|
||||||
for(i=num+1;i<=passNo;i++) {
|
|
||||||
|
|
||||||
var work = document.getElementById("pass"+i);
|
|
||||||
|
|
||||||
work.querySelector(".data").textContent = " PASSENGER "+(i-1)+" ";
|
|
||||||
|
|
||||||
work.querySelector(".closebutton").setAttribute("id",(i-1));
|
|
||||||
|
|
||||||
work.querySelector(".closebutton").setAttribute("onclick","del("+(i-1)+");");
|
|
||||||
|
|
||||||
work.setAttribute("id","pass"+(i-1));
|
|
||||||
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 318 B |
1
data/cheet.min.js
vendored
@@ -1 +0,0 @@
|
|||||||
!function(global){"use strict";function keydown(e){var id,k=e?e.keyCode:event.keyCode;if(!held[k]){held[k]=!0;for(id in sequences)sequences[id].keydown(k)}}function keyup(e){var k=e?e.keyCode:event.keyCode;held[k]=!1}function resetHeldKeys(){var k;for(k in held)held[k]=!1}function on(obj,type,fn){obj.addEventListener?obj.addEventListener(type,fn,!1):obj.attachEvent&&(obj["e"+type+fn]=fn,obj[type+fn]=function(){obj["e"+type+fn](window.event)},obj.attachEvent("on"+type,obj[type+fn]))}var cheet,Sequence,sequences={},keys={backspace:8,tab:9,enter:13,"return":13,shift:16,"⇧":16,control:17,ctrl:17,"⌃":17,alt:18,option:18,"⌥":18,pause:19,capslock:20,esc:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,L:37,"←":37,up:38,U:38,"↑":38,right:39,R:39,"→":39,down:40,D:40,"↓":40,insert:45,"delete":46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,"⌘":91,command:91,kp_0:96,kp_1:97,kp_2:98,kp_3:99,kp_4:100,kp_5:101,kp_6:102,kp_7:103,kp_8:104,kp_9:105,kp_multiply:106,kp_plus:107,kp_minus:109,kp_decimal:110,kp_divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,equal:187,"=":187,comma:188,",":188,minus:189,"-":189,period:190,".":190},NOOP=function(){},held={};Sequence=function(str,next,fail,done){var i;for(this.str=str,this.next=next?next:NOOP,this.fail=fail?fail:NOOP,this.done=done?done:NOOP,this.seq=str.split(" "),this.keys=[],i=0;i<this.seq.length;++i)this.keys.push(keys[this.seq[i]]);this.idx=0},Sequence.prototype.keydown=function(keyCode){var i=this.idx;return keyCode!==this.keys[i]?void(i>0&&(this.reset(),this.fail(this.str),cheet.__fail(this.str))):(this.next(this.str,this.seq[i],i,this.seq),cheet.__next(this.str,this.seq[i],i,this.seq),void(++this.idx===this.keys.length&&(this.done(this.str),cheet.__done(this.str),this.reset())))},Sequence.prototype.reset=function(){this.idx=0},cheet=function(str,handlers){var next,fail,done;"function"==typeof handlers?done=handlers:null!==handlers&&void 0!==handlers&&(next=handlers.next,fail=handlers.fail,done=handlers.done),sequences[str]=new Sequence(str,next,fail,done)},cheet.disable=function(str){delete sequences[str]},on(window,"keydown",keydown),on(window,"keyup",keyup),on(window,"blur",resetHeldKeys),on(window,"focus",resetHeldKeys),cheet.__next=NOOP,cheet.next=function(fn){cheet.__next=null===fn?NOOP:fn},cheet.__fail=NOOP,cheet.fail=function(fn){cheet.__fail=null===fn?NOOP:fn},cheet.__done=NOOP,cheet.done=function(fn){cheet.__done=null===fn?NOOP:fn},cheet.reset=function(id){var seq=sequences[id];return seq instanceof Sequence?void seq.reset():void console.warn("cheet: Unknown sequence: "+id)},global.cheet=cheet,"function"==typeof define&&define.amd?define([],function(){return cheet}):"undefined"!=typeof module&&null!==module&&(module.exports=cheet)}(this);
|
|
||||||
BIN
data/cursor.cur
|
Before Width: | Height: | Size: 318 B |
BIN
data/dark.png
Normal file
|
After Width: | Height: | Size: 238 B |
BIN
data/discord.png
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 643 B |
BIN
data/favicon.ico
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 798 B |
BIN
data/github.png
|
Before Width: | Height: | Size: 15 KiB |
BIN
data/insta.png
|
Before Width: | Height: | Size: 181 KiB |
|
Before Width: | Height: | Size: 628 B |
BIN
data/light.png
Normal file
|
After Width: | Height: | Size: 178 B |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 940 B |
|
Before Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
BIN
data/mail.png
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 730 B |
BIN
data/reddit.png
|
Before Width: | Height: | Size: 336 KiB |
|
Before Width: | Height: | Size: 1021 B |
|
Before Width: | Height: | Size: 943 B |
BIN
data/steam.png
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 594 B |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 440 B |
BIN
data/twitch.png
|
Before Width: | Height: | Size: 14 KiB |
BIN
data/ubuntu.ttf
Normal file
BIN
data/xbox.png
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 412 B |
27
email.php
@@ -1,27 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Sending HTML email using PHP</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<?php
|
|
||||||
$to = "silicoflare@gmail.com";
|
|
||||||
$subject = "This is subject";
|
|
||||||
|
|
||||||
$message = "<b>This is HTML message.</b>";
|
|
||||||
$message .= "<h1>This is headline.</h1>";
|
|
||||||
|
|
||||||
$header = "From:abc@somedomain.com \r\n";
|
|
||||||
$header .= "Cc:afgh@somedomain.com \r\n";
|
|
||||||
$header .= "MIME-Version: 1.0\r\n";
|
|
||||||
$header .= "Content-type: text/html\r\n";
|
|
||||||
|
|
||||||
$retval = mail ($to,$subject,$message,$header);
|
|
||||||
|
|
||||||
if( $retval == true ) {
|
|
||||||
echo "Message sent successfully...";
|
|
||||||
}else {
|
|
||||||
echo "Message could not be sent...";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<title>Error</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<style type="text/css"
|
|
||||||
<h1>Oops!</h1>
|
|
||||||
<p>Please ensure you have completed all fields before submitting the form. </p>
|
|
||||||
<p>Also ensure that there is only one email address.</p>
|
|
||||||
<p><a href="JavaScript:history.go(-1);">Back</a></p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
BIN
favicon.ico
|
Before Width: | Height: | Size: 6.0 KiB |
@@ -1,30 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
src: url('./lato_font.ttf');
|
|
||||||
font-family: 'Lato';
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: Lato;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: #000;
|
|
||||||
color: white;
|
|
||||||
padding: 0.5in;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
background-color: gray;
|
|
||||||
color: #000;
|
|
||||||
border-radius: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.format {
|
|
||||||
font-style: oblique;
|
|
||||||
text-align: center;
|
|
||||||
color: #00FF00;
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<title>Main - Message</title>
|
|
||||||
<link rel="stylesheet" href="aadi.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
Heyyyyy Harineee!!
|
|
||||||
<p>Finally 3 semesters of friendship between us! I don't know how fast time passed, and we became so good friends! Yes, I know something bad existed between us, but yes, we won over it! Now it's more like my day isn't complete without speaking to you!</p>
|
|
||||||
<p>Well so you would wonder why am I speaking like this out of the blue. Now you need to read seriously. It's an important thing: I still like you.. Yes, I am serious af. Not a dare, not a prank or not anything else. It is a pure confession. I have always liked you since I left school. Wait wait, lemme explain myself. I know it's the most shameless thing I could do, but hear me out first. I realised my mistake long back, but I just didn't know the exact way I had to tell you. I know I have made you go through the worst, and so have I. I never went into a relationship after you. I never felt to date anyone except you. I couldn't think of any other girl. All I did was think of you and blush like a girl who's head over heels in love. I ain't lying, I have betrayed you enough, and I don't wanna do it again.</p>
|
|
||||||
<p>Now you may ask, there are so many other boys in PES, why choose me. Coz I know you so much! And yeah, trust me plz, I have actually changed a lot. You would have seen glimpses of it, though I didn't reveal it completely. I understood that love can be expressed without telling "I love you" even once. I can show such love. And yeah, not to forget, I don't smoke, I don't drink, I don't do drugs, and my first kiss... well, you have taken it already. I already decided that I'll talk to my parents when it's time to marry, and I'll surely make you my bride. I want you to be my companion in this wonderful journey called life. We'll travel to places together, we'll have all kinds of adventures, and yeah.. nah never mind, we'll think of it after marriage. I will take real good care of you, and yeah, this time "Never gonna give you up!" Rickrolled! </p>
|
|
||||||
<p>Okay, jokes apart, I'm real serious abt this da. I know I broke your trust once upon a time, and it did take time for you to regain it back. I promise, if we get back, I'll never leave you or cheat on you again, no matter how far we are from each other. I won't leave you till you tell me to leave, with a valid reason. And yeah, I rarely make promises, and when I do, I never break them. I should have promised to never leave you back then... And yeah, god forbid if I break it, which is impossible, may I not marry anyone in my life. On my word. Whatever, the past is past, and here we are, at what could be the beginning of a beautiful journey ahead...</p>
|
|
||||||
<p>Just think over it. If you agree, I'll surely keep you happy. Worst case scenario, if you don't want to.. still okay, coz if you are happy, then I'm happy too! Atleast I'll have you on my side as a friend, which I thought I'll never have. Just think over it, please. I'll never leave you, I promise..</p>
|
|
||||||
<br><br>
|
|
||||||
<p>Today's edit: Though I saw hatred in your eyes today, I actually blushed when I realized that I finally got to meet you. The reason I missed meeting you on day 1 was a rather silly reason: I was too shy to look fo you and look into your eyes... And yeah, I feel I was too optimistic about our relationship, so excuse me for that..</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
105
index.html
@@ -1,83 +1,32 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang = "en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset = "UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name = "author" content = "SilicoFlare">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>Home - SilicoFlare</title>
|
<title>Home - SilicoFlare</title>
|
||||||
</head>
|
|
||||||
<body onload = "setHeader()">
|
<link rel="stylesheet" href="silicoflare.css">
|
||||||
|
<link class="styles" rel="stylesheet" href="silicoflare_dark.css">
|
||||||
|
<script src="silicoflare.js"></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="modeSel" onclick="changeMode()" onmouseenter="hoverIn()" onmouseleave="hoverOut()"><img id="mode" src="data/dark.png" alt="dark_mode" onmouseenter="hoverIn()" onmouseleave="hoverOut()"></div>
|
||||||
|
<span class="tooltip">Dark Mode</span>
|
||||||
<header>
|
<header>
|
||||||
<div class = "pc">
|
<div class="heading">SilicoFlare</div>
|
||||||
<span class = 'title'> SilicoFlare</span>
|
<div class="menu selected">Home</div>
|
||||||
<div class = 'nav'>
|
<div class="menu">Updates</div>
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = 'index.html';">Home</button>
|
<div class="menu">Creations</div>
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'updates.html';">Updates</button>
|
<div class="menu">Contact</div>
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = 'index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
</header>
|
||||||
|
<br><br><br><br><br><br><br>
|
||||||
<main>
|
<div class="bigtext">The name is Flare...</div>
|
||||||
<h1>Home</h1>
|
<div class="bigtext"><span class="si">Silico</span><span class="f">Flare</span></div>
|
||||||
Welcome to my world!
|
<br><br><br>
|
||||||
<br><br>
|
<main class="centred">
|
||||||
I am glad that you are here! I created this website from scratch, without using any website maker, with the maximum perfection possible. Enjoy!<br>
|
Welcome to my world! You would already have seen a significance difference in the looks of my homepage. Yes! I am redesigning it with all the skills I'm learning. Only the homepage is changed, but I'll be changing other pages too! Since other pages are under construction, they have been temporarily removed from my website, so I'm sorry for any inconveniences!
|
||||||
And yeah, keep checking Updates and My Creations for new stuff every time!
|
|
||||||
</main>
|
</main>
|
||||||
<footer></footer>
|
</body>
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,153 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Lab 1 CodeGen</title>
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
* {
|
|
||||||
font-family:'Segoe UI', Verdana, Geneva, Tahoma, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#code {
|
|
||||||
border: 1px solid black;
|
|
||||||
font-family:'Consolas';
|
|
||||||
padding: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<form>
|
|
||||||
<p>
|
|
||||||
<label for="stuName">Name: </label>
|
|
||||||
<input type="text" id="stuName" placeholder="Enter your name" onkeyup="genCode()" >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<label for="srn">SRN: </label>
|
|
||||||
<input type="text" id="srn" placeholder="Enter your SRN" onkeyup="genCode()">
|
|
||||||
</p><br><br>
|
|
||||||
|
|
||||||
<template id="vals">
|
|
||||||
<div class="value">
|
|
||||||
<label class="lbl1" for="x">X: </label>
|
|
||||||
<input type="text" class="fld1" id="x" onkeyup="genCode()"> 
|
|
||||||
<label class="lbl2" for="y">Y: </label>
|
|
||||||
<input type="text" class="fld2" id="y" onkeyup="genCode()"> 
|
|
||||||
<button type="button" class="del">×</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<div id="uservals">
|
|
||||||
</div>
|
|
||||||
<button type="button" onclick="add()">Add Entry</button>
|
|
||||||
<!-- <button type="button" onclick="genCode()">Submit</button> -->
|
|
||||||
</form>
|
|
||||||
<br><br>
|
|
||||||
<h3>Copy your code from here:</h3>
|
|
||||||
<button type="button" onclick="copyCode()">COPY</button>
|
|
||||||
<div id="code">
|
|
||||||
Enter values to generate code and then click 'COPY' to copy the code.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ------------------------------------------------------------------------ -->
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var count = 0
|
|
||||||
var finalCode = ""
|
|
||||||
|
|
||||||
function copyCode() {
|
|
||||||
navigator.clipboard.writeText(finalCode);
|
|
||||||
window.alert("Copied to clipboard!");
|
|
||||||
}
|
|
||||||
|
|
||||||
function delValue(num) {
|
|
||||||
var divi = document.getElementById("value"+num);
|
|
||||||
divi.remove();
|
|
||||||
for(i=num+1;i<count;i++) {
|
|
||||||
var work = document.getElementById("value"+i);
|
|
||||||
work.setAttribute("id", "value"+(i-1));
|
|
||||||
work.querySelector(".lbl1").setAttribute("for", "x"+(i-1));
|
|
||||||
work.querySelector(".lbl2").setAttribute("for", "y"+(i-1));
|
|
||||||
work.querySelector(".fld1").setAttribute("id", "x"+(i-1));
|
|
||||||
work.querySelector(".fld2").setAttribute("id", "y"+(i-1));
|
|
||||||
work.querySelector(".del").setAttribute("onclick", "delValue("+(i-1)+")");
|
|
||||||
}
|
|
||||||
console.log("Entry "+num+" removed!")
|
|
||||||
count--;
|
|
||||||
}
|
|
||||||
|
|
||||||
function add() {
|
|
||||||
var i = count;
|
|
||||||
list = document.getElementById('uservals');
|
|
||||||
temp = document.importNode(document.getElementById('vals').content, true);
|
|
||||||
temp.querySelector(".value").setAttribute("id", "value"+i);
|
|
||||||
temp.querySelector(".lbl1").setAttribute("for", "x"+i);
|
|
||||||
temp.querySelector(".lbl2").setAttribute("for", "y"+i);
|
|
||||||
temp.querySelector(".fld1").setAttribute("id", "x"+i);
|
|
||||||
temp.querySelector(".fld2").setAttribute("id", "y"+i);
|
|
||||||
temp.querySelector(".del").setAttribute("onclick", "delValue("+i+")");
|
|
||||||
list.appendChild(temp);
|
|
||||||
count++;
|
|
||||||
document.getElementById("value"+(count-1)).querySelector(".fld1").focus();
|
|
||||||
console.log(count);
|
|
||||||
}
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
add();
|
|
||||||
document.getElementById("value0").querySelector(".fld1").focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
function genCode() {
|
|
||||||
codeArea = document.getElementById("code");
|
|
||||||
startX = document.getElementById("value0").querySelector(".fld1").value;
|
|
||||||
endX = document.getElementById("value"+(count-1)).querySelector(".fld1").value;
|
|
||||||
finalCode = "x = "+startX+":"+(endX-startX)/(count-1)+":"+endX+";";
|
|
||||||
|
|
||||||
finalCode += "\nx = x';"
|
|
||||||
|
|
||||||
var ySTR = "y = ["
|
|
||||||
for(i=0;i<count;i++) {
|
|
||||||
work = document.getElementById("value"+i).querySelector(".fld2").value;
|
|
||||||
ySTR += work;
|
|
||||||
if(i!=(count-1))
|
|
||||||
ySTR+=";"
|
|
||||||
}
|
|
||||||
finalCode += "\n"+ySTR+"]";
|
|
||||||
|
|
||||||
finalCode += "\nplot(x,y)"+
|
|
||||||
"\nxlabel('$Volume\\ of\\ NaOH\\ added\\ in\\ mL$')"+
|
|
||||||
"\nylabel('$pH$')"+
|
|
||||||
"\nxgrid()";
|
|
||||||
|
|
||||||
finalCode += "\nxstring(0.5, 11, ['Name: "+document.getElementById("stuName").value+"'])";
|
|
||||||
finalCode += "\nxstring(0.5, 10.4, ['SRN: "+document.getElementById("srn").value+"'])";
|
|
||||||
|
|
||||||
finalCode += "\nxstring(0.5, 8, ['SCALE'])"+
|
|
||||||
"\nxstring(0.5, 7.5, ['X-AXIS: 0.5 mL'])"+
|
|
||||||
"\nxstring(0.5, 7, ['Y-AXIS: 1 pH (starts from 2)'])";
|
|
||||||
|
|
||||||
finalCode += "\nscf"+
|
|
||||||
"\nN = length(x)"+
|
|
||||||
"\ndydx = diff(y(:)) ./ diff(x(:))"+
|
|
||||||
"\ndydx(N) = dydx(N-1)"+
|
|
||||||
"\nx1 = x + 0.5"+
|
|
||||||
"\nplot(x1, dydx)"+
|
|
||||||
"\nxgrid()"+
|
|
||||||
"\nxlabel('$Volume\\ of\\ NaOH\\ added\\ in\\ mL$')"+
|
|
||||||
"\nylabel('$\\frac{\\Delta$E}{\\Delta$V}$')"+
|
|
||||||
"\nxstring(0.8, 550, ['SCALE'])";
|
|
||||||
finalCode += "\nxstring(0.5, 11, ['Name: "+document.getElementById("stuName").value+"'])";
|
|
||||||
finalCode += "\nxstring(0.5, 10.4, ['SRN: "+document.getElementById("srn").value+"'])";
|
|
||||||
|
|
||||||
finalCode += "\nxstring(0.5, 8, ['SCALE'])"+
|
|
||||||
"\nxstring(0.5, 7.5, ['X-AXIS: 0.5 mL'])"+
|
|
||||||
"\nxstring(0.5, 7, ['Y-AXIS: 1 pH (starts from 2)'])";
|
|
||||||
codeArea.innerText = finalCode;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,152 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Lab 2 CodeGen</title>
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
* {
|
|
||||||
font-family:'Segoe UI', Verdana, Geneva, Tahoma, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#code {
|
|
||||||
border: 1px solid black;
|
|
||||||
font-family:'Consolas';
|
|
||||||
padding: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<form>
|
|
||||||
<p>
|
|
||||||
<label for="stuName">Name: </label>
|
|
||||||
<input type="text" id="stuName" placeholder="Enter your name" onkeyup="genCode()" >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<label for="srn">SRN: </label>
|
|
||||||
<input type="text" id="srn" placeholder="Enter your SRN" onkeyup="genCode()">
|
|
||||||
</p><br><br>
|
|
||||||
|
|
||||||
<template id="vals">
|
|
||||||
<div class="value">
|
|
||||||
<label class="lbl1" for="x">X: </label>
|
|
||||||
<input type="text" class="fld1" id="x" onkeyup="genCode()"> 
|
|
||||||
<label class="lbl2" for="y">Y: </label>
|
|
||||||
<input type="text" class="fld2" id="y" onkeyup="genCode()"> 
|
|
||||||
<button type="button" class="del">×</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<div id="uservals">
|
|
||||||
</div>
|
|
||||||
<button type="button" onclick="add()">Add Entry</button>
|
|
||||||
<!-- <button type="button" onclick="genCode()">Submit</button> -->
|
|
||||||
</form>
|
|
||||||
<br><br>
|
|
||||||
<h3>Copy your code from here:</h3>
|
|
||||||
<button type="button" onclick="copyCode()">COPY</button>
|
|
||||||
<div id="code">
|
|
||||||
Enter values to generate code and then click 'COPY' to copy the code.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ------------------------------------------------------------------------ -->
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var count = 0
|
|
||||||
var finalCode = ""
|
|
||||||
|
|
||||||
function copyCode() {
|
|
||||||
navigator.clipboard.writeText(finalCode);
|
|
||||||
window.alert("Copied to clipboard!");
|
|
||||||
}
|
|
||||||
|
|
||||||
function delValue(num) {
|
|
||||||
var divi = document.getElementById("value"+num);
|
|
||||||
divi.remove();
|
|
||||||
for(i=num+1;i<count;i++) {
|
|
||||||
var work = document.getElementById("value"+i);
|
|
||||||
work.setAttribute("id", "value"+(i-1));
|
|
||||||
work.querySelector(".lbl1").setAttribute("for", "x"+(i-1));
|
|
||||||
work.querySelector(".lbl2").setAttribute("for", "y"+(i-1));
|
|
||||||
work.querySelector(".fld1").setAttribute("id", "x"+(i-1));
|
|
||||||
work.querySelector(".fld2").setAttribute("id", "y"+(i-1));
|
|
||||||
work.querySelector(".del").setAttribute("onclick", "delValue("+(i-1)+")");
|
|
||||||
}
|
|
||||||
console.log("Entry "+num+" removed!")
|
|
||||||
count--;
|
|
||||||
}
|
|
||||||
|
|
||||||
function add() {
|
|
||||||
var i = count;
|
|
||||||
list = document.getElementById('uservals');
|
|
||||||
temp = document.importNode(document.getElementById('vals').content, true);
|
|
||||||
temp.querySelector(".value").setAttribute("id", "value"+i);
|
|
||||||
temp.querySelector(".lbl1").setAttribute("for", "x"+i);
|
|
||||||
temp.querySelector(".lbl2").setAttribute("for", "y"+i);
|
|
||||||
temp.querySelector(".fld1").setAttribute("id", "x"+i);
|
|
||||||
temp.querySelector(".fld2").setAttribute("id", "y"+i);
|
|
||||||
temp.querySelector(".del").setAttribute("onclick", "delValue("+i+")");
|
|
||||||
list.appendChild(temp);
|
|
||||||
count++;
|
|
||||||
document.getElementById("value"+(count-1)).querySelector(".fld1").focus();
|
|
||||||
console.log(count);
|
|
||||||
}
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
add();
|
|
||||||
document.getElementById("value0").querySelector(".fld1").focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
function genCode() {
|
|
||||||
codeArea = document.getElementById("code");
|
|
||||||
startX = document.getElementById("value0").querySelector(".fld1").value;
|
|
||||||
endX = document.getElementById("value"+(count-1)).querySelector(".fld1").value;
|
|
||||||
finalCode = "x = "+startX+":"+(endX-startX)/(count-1)+":"+endX+";";
|
|
||||||
|
|
||||||
finalCode += "\nx = x';"
|
|
||||||
|
|
||||||
var ySTR = "y = ["
|
|
||||||
for(i=0;i<count;i++) {
|
|
||||||
work = document.getElementById("value"+i).querySelector(".fld2").value;
|
|
||||||
ySTR += work;
|
|
||||||
if(i!=(count-1))
|
|
||||||
ySTR+=";"
|
|
||||||
}
|
|
||||||
finalCode += "\n"+ySTR+"]";
|
|
||||||
|
|
||||||
finalCode += "\nplot(x,y)"+
|
|
||||||
"\nxlabel('$Volume\\ of\\ $K_{2}Cr_{2}O_{7}$\\ added\\ in\\ mL$')"+
|
|
||||||
"\nylabel('$Potential\\ (E)\\ in\\ mV$')"+
|
|
||||||
"\nxgrid()";
|
|
||||||
|
|
||||||
finalCode += "\nxstring(5.5, 450, ['Name: "+document.getElementById("stuName").value+"'])";
|
|
||||||
finalCode += "\nxstring(5.5, 425, ['SRN: "+document.getElementById("srn").value+"'])";
|
|
||||||
|
|
||||||
finalCode += "\nxstring(0.8, 850, ['SCALE'])"+
|
|
||||||
"\nxstring(0.5, 825, ['X-AXIS: 0.5 mL'])"+
|
|
||||||
"\nxstring(0.6, 800, ['Y-AXIS: 50 V'])";
|
|
||||||
|
|
||||||
finalCode += "\nscf"+
|
|
||||||
"\nN = length(x)"+
|
|
||||||
"\ndydx = diff(y(:)) ./ diff(x(:))"+
|
|
||||||
"\ndydx(N) = dydx(N-1)"+
|
|
||||||
"\nx1 = x + 0.5"+
|
|
||||||
"\nplot(x1, dydx)"+
|
|
||||||
"\nxgrid()"+
|
|
||||||
"\nxlabel('$Volume\\ of\\ $K_{2}Cr_{2}O_{7}$\\ added\\ in\\ mL$')"+
|
|
||||||
"\nylabel('$\\frac{\\Delta$E}{\\Delta$V}$')"+
|
|
||||||
"\nxstring(0.8, 550, ['SCALE'])"+
|
|
||||||
"\nxstring(0.5, 525, ['X-AXIS: 0.5 mL'])"+
|
|
||||||
"\nxstring(0.49, 500, ['Y-AXIS: 50 units'])";
|
|
||||||
|
|
||||||
finalCode += "\nxstring(5.5, 550, ['Name: "+document.getElementById("stuName").value+"'])";
|
|
||||||
finalCode += "\nxstring(5.5, 525, ['SRN: "+document.getElementById("srn").value+"'])";
|
|
||||||
codeArea.innerText = finalCode;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,126 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
||||||
<meta content="SilicoFlare" name="author" />
|
|
||||||
<meta content="Cheatsheets made by SilicoFlare" name="description" />
|
|
||||||
<meta content="silicoflare , website" name="keywords" />
|
|
||||||
<link href="https://silicoflare.vercel.app/silicoflare.css" rel="stylesheet" type="text/css" />
|
|
||||||
<link href="https://silicoflare.vercel.app/updates.css" rel="stylesheet" type="text/css" />
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function () {
|
|
||||||
let check = false;
|
|
||||||
(function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show() {
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader() {
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if (window.mobileAndTabletCheck()) {
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<title>SilicoSheets - PES</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body onload="setHeader()">
|
|
||||||
<header>
|
|
||||||
<div class="pc"><span class="title" onclick="window.location.href = '../index.html';"> SilicoFlare</span>
|
|
||||||
<div class="nav"><button class="menu clicked" onclick="window.location.href = '../index.html';"
|
|
||||||
type="button">Home</button><button class="menu" onclick="window.location.href = '../updates.html';"
|
|
||||||
type="button">Updates</button><button class="menu"
|
|
||||||
onclick="window.location.href = '../creations.html';" type="button">My Creations</button><button
|
|
||||||
class="menu" onclick="window.location.href = '../contact.html';" type="button">Contact Me</button>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="phone">
|
|
||||||
<div class="title-phone" onclick="window.location.href = '../index.html'">SilicoFlare</div>
|
|
||||||
<span align="right" class="icon" onclick="show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="dropdown-menu"><span class="menu-item" onclick="window.location.href = '../index.html'">Home</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = '../updates.html'">Updates</span> <span
|
|
||||||
class="menu-item" onclick="window.location.href = '../creations.html'">My Creations</span> <span
|
|
||||||
class="menu-item" onclick="window.location.href = '../contact.html'">Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Cheat Sheets</h1>
|
|
||||||
|
|
||||||
<p>Here is a list of all Cheat Sheets I have ever made. Happy learning!</p>
|
|
||||||
<button class="collapsible">Python Cheatsheets</button>
|
|
||||||
<div class="content">
|
|
||||||
<br><br>
|
|
||||||
<center>
|
|
||||||
<button class="listing" onclick="window.open('./python_cheatsheets/1_intro_to_python_cheatsheet.pdf', '_blank').focus();" type="button">Introduction to Python: Basics and Data Types</button><br><br>
|
|
||||||
<button class="listing" onclick="window.open('./python_cheatsheets/2_operators_cheatsheet.pdf', '_blank').focus();" type="button">Operators</button><br><br>
|
|
||||||
<button class="listing" onclick="window.open('./python_cheatsheets/3_indexing_and_control_cheatsheet.pdf', '_blank').focus();" type="button">Indexing and Control</button><br><br>
|
|
||||||
<button class="listing" onclick="window.open('./python_cheatsheets/4_strings_cheatsheet.pdf', '_blank').focus();" type="button">Strings</button><br><br>
|
|
||||||
</center>
|
|
||||||
</div><br><br>
|
|
||||||
|
|
||||||
<button class="collapsible">C Cheatsheets</button>
|
|
||||||
<div class="content">
|
|
||||||
<br><br>
|
|
||||||
<center>
|
|
||||||
<button class="listing" onclick="window.open('./c_cheatsheets/c_install_guide.pdf', '_blank').focus();" type="button">Installation</button><br><br>
|
|
||||||
<button class="listing" onclick="window.open('./c_cheatsheets/c_intro_cheatsheet.pdf', '_blank').focus();" type="button">Introduction</button><br><br>
|
|
||||||
<button class="listing" onclick="window.open('./c_cheatsheets/c_values_and_datatypes_cheatsheet.pdf', '_blank').focus();" type="button">Values and Data Types</button><br><br>
|
|
||||||
</center>
|
|
||||||
</div><br><br>
|
|
||||||
|
|
||||||
<button class="collapsible">EEE Cheatsheets</button>
|
|
||||||
<div class="content">
|
|
||||||
<br><br>
|
|
||||||
<center>
|
|
||||||
<button class="listing" onclick="window.open('./eee_wires_cheatsheet.pdf', '_blank').focus();" type="button">Wires</button><br><br>
|
|
||||||
</center>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
<p>
|
|
||||||
<script>
|
|
||||||
var coll = document.getElementsByClassName("collapsible");
|
|
||||||
var i;
|
|
||||||
|
|
||||||
for (i = 0; i < coll.length; i++) {
|
|
||||||
coll[i].addEventListener("click", function () {
|
|
||||||
this.classList.toggle("active");
|
|
||||||
var content = this.nextElementSibling;
|
|
||||||
if (content.style.maxHeight) {
|
|
||||||
content.style.maxHeight = null;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
content.style.maxHeight = content.scrollHeight + "px";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
BIN
poems/cursor.cur
|
Before Width: | Height: | Size: 318 B |
@@ -1,109 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>Laziness</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = '../creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = '../index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Laziness</h1>
|
|
||||||
<p align = "right"><b>-<i> SilicoFlare</i></b></p><br>
|
|
||||||
<center>
|
|
||||||
<i>
|
|
||||||
<p>
|
|
||||||
I love to say I am lazy,<br>
|
|
||||||
The smallest tasks make me go crazy,<br>
|
|
||||||
I like to phase out everytime,<br>
|
|
||||||
And hate to make my poems rhyme.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I like to lie down on the bed,<br>
|
|
||||||
And make everyone think I am dead,<br>
|
|
||||||
Works finished is just deja vu,<br>
|
|
||||||
And thinking of them is a hardwork too.<br>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
A lot of my time goes in coding,<br>
|
|
||||||
I love to stare at programs loading,<br>
|
|
||||||
I hate to argue, it's a big drag,<br>
|
|
||||||
Yes, you are right, I was born to lag.<br>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Laziness is really the best boon,<br>
|
|
||||||
That never has an ending soon,<br>
|
|
||||||
I like to neither go and roam,<br>
|
|
||||||
Nor extend this lenghty poem...<br>
|
|
||||||
</p>
|
|
||||||
</i>
|
|
||||||
</center>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,122 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="https://silicoflare.github.io/data/cheet.min.js"></script>
|
|
||||||
|
|
||||||
<title>My Bestie</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = '../creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = '../index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>My Bestie</h1>
|
|
||||||
<p align = "right"><b>-<i> SilicoFlare</i></b></p><br>
|
|
||||||
<center>
|
|
||||||
<i>
|
|
||||||
<p>
|
|
||||||
<span class="reveal">M</span>y friends are all cool ones,<br>
|
|
||||||
But the special ones are only few.<br>
|
|
||||||
<span class="reveal">A</span>nd the best among them, my bestie,<br>
|
|
||||||
Is whom this poem is dedicated to.<br>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<span class="reveal">I</span>n the wilderness of this cruel world,<br>
|
|
||||||
I am lucky to have found her.<br>
|
|
||||||
<span class="reveal">T</span>hat's right, she is one in a million,<br>
|
|
||||||
Losing her would be my greatest error.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<span class="reveal">H</span>elping me during my difficult times,<br>
|
|
||||||
Consoling me not to cry when I was too late,<br>
|
|
||||||
<span class="reveal">R</span>eminding me never to give up on goals,<br>
|
|
||||||
These actions of hers make our friendship great.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<span class="reveal">I</span>n every moment, happy or sad,<br>
|
|
||||||
A message to her I will always send,<br>
|
|
||||||
<span class="reveal">G</span>oodbyes between us will never exist,<br>
|
|
||||||
<span class="reveal">H</span>oping this, I bring my poem to an end.<br><br><br>
|
|
||||||
</p>
|
|
||||||
(Read the first letter of every odd-numbered line to find out whom this poem is dedicated to. Or just type "REVEALIT".)
|
|
||||||
</i>
|
|
||||||
</center>
|
|
||||||
<script>
|
|
||||||
cheet('r e v e a l i t', function() {
|
|
||||||
const letters = document.querySelectorAll('.reveal');
|
|
||||||
|
|
||||||
letters.forEach(thing => {
|
|
||||||
thing.style.color = "red";
|
|
||||||
thing.style.fontStyle = "normal";
|
|
||||||
thing.style.fontWeight = "bold";
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,225 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>My First Love</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = '../creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = '../index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
<main>
|
|
||||||
<h1>My First Love</h1>
|
|
||||||
<p align = "right"><b>-<i> SilicoFlare</i></b></p><br>
|
|
||||||
<center>
|
|
||||||
<i>
|
|
||||||
<p>
|
|
||||||
It was the first day of school,<br>
|
|
||||||
I was happy to meet my friends cool,<br>
|
|
||||||
I knew that I would rock this year,<br>
|
|
||||||
And make proud all my near and dear.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
As I was speaking to my pals,<br>
|
|
||||||
I gave a glance at the gals.<br>
|
|
||||||
And I thought my heart skipped a beat,<br>
|
|
||||||
Coz I saw there a new girl sweet.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Never did I see a girl so cute,<br>
|
|
||||||
I kept staring at her, mute.<br>
|
|
||||||
I didn't care about what's around,<br>
|
|
||||||
Coz my first love I had found.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I fell hard for that girl with glasses,<br>
|
|
||||||
She was in my thoughts during all classes.<br>
|
|
||||||
But to talk to her I was very shy,<br>
|
|
||||||
The lack of courage made me cry.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Finally I gathered up my dare,<br>
|
|
||||||
What others think I didn't care.<br>
|
|
||||||
I held out my hand and closed my eyes,<br>
|
|
||||||
And stood still like frozen ice.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
She smiled as she greeted me,<br>
|
|
||||||
The inner me danced with glee.<br>
|
|
||||||
I really shouted in my mind,<br>
|
|
||||||
"How can someone be so kind?"<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I praised her with words big and small,<br>
|
|
||||||
That she was the person with qualities all,<br>
|
|
||||||
She blushed as she looked into my eyes,<br>
|
|
||||||
It was enough to melt me like ice.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
In no time we became best pals,<br>
|
|
||||||
Which made jealous the other gals,<br>
|
|
||||||
Not talking to her means the day was wasted,<br>
|
|
||||||
If I had to leave her, I would die instead.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
She too seemed interested,<br>
|
|
||||||
I learned this from my friends trusted.<br>
|
|
||||||
She liked me a lot, and I was no less,<br>
|
|
||||||
So I knew it was time to confess.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I couldn't sleep on the night before her birthday,<br>
|
|
||||||
I needed to write down what I had to say.<br>
|
|
||||||
I also made a cute ring of paper,<br>
|
|
||||||
Which I would give when I confessed to her.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The day of confession came at last,<br>
|
|
||||||
I got ready and went to school fast.<br>
|
|
||||||
There I saw her, the princess of my heart,<br>
|
|
||||||
I stood in awe as I admired Nature's art.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I wished her a happy birthday with a cheer,<br>
|
|
||||||
As everyone left, I made myself clear,<br>
|
|
||||||
I held her hand and sat on my knee,<br>
|
|
||||||
I looked into her eyes and asked, "Will you date me?"<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
She blushed as she nodded a happy yes,<br>
|
|
||||||
I was happy that my quest was a success.<br>
|
|
||||||
We sat that whole day together,<br>
|
|
||||||
It was a memory to cherish forever.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I gave her all the teenage love I had,<br>
|
|
||||||
She never gave me a chance to be sad.<br>
|
|
||||||
We spent the bus travels in each other's arm,<br>
|
|
||||||
It was our love in us that kept us warm.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
We used to glance at each other,<br>
|
|
||||||
I used to touch her hand walking past her.<br>
|
|
||||||
We knew that nothing could end,<br>
|
|
||||||
The string of love between us without a bend.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Finally came Christmas, the day of giving,<br>
|
|
||||||
We knew that this was the right timing.<br>
|
|
||||||
Our empty classroom was our mistletoe,<br>
|
|
||||||
As we swore to support, in joy or woe.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
She did give me atlast, a kiss,<br>
|
|
||||||
Nothing could break our love bliss.<br>
|
|
||||||
But Fate had plans for us in store,<br>
|
|
||||||
And as we suffered, She kept giving more.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Suddenly to leave school, I was told,<br>
|
|
||||||
Thinking about her, tears rolled.<br>
|
|
||||||
I didn't know how to tell it to her,<br>
|
|
||||||
I always thought of it when with her.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
When I told at last, she bitterly cried,<br>
|
|
||||||
She begged me to tell that I lied.<br>
|
|
||||||
But it was the truth, I couldn't change it,<br>
|
|
||||||
The fire of love was put off soon after it was lit.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The day finally came, to go away far,<br>
|
|
||||||
I tearfully looked at her from my car.<br>
|
|
||||||
She ran to me and gave me a chocolate,<br>
|
|
||||||
But to give her a gift, it was too late.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I couldn't contact her through text or call,<br>
|
|
||||||
I knew I had to give up my hopes all.<br>
|
|
||||||
Never did I know that I would see,<br>
|
|
||||||
A story of my life that took away my glee.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I cried for days with her thoughts,<br>
|
|
||||||
I couldn't even say her I miss her lots.<br>
|
|
||||||
In agony, I made many a regrettable error,<br>
|
|
||||||
Whose consequences till now I suffer.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I still wish I could get back to her,<br>
|
|
||||||
I really don't want anyone other.<br>
|
|
||||||
But I should suffer, I made the sin,<br>
|
|
||||||
I had to give up, and let Fate win.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
After three years we met again,<br>
|
|
||||||
Mature enough with all the pain.<br>
|
|
||||||
But I couldn't that moment frame,<br>
|
|
||||||
Coz things between us weren't the same...<br>
|
|
||||||
</p>
|
|
||||||
</i>
|
|
||||||
</center>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,341 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
src: url('https://silicoflare.github.io/data/lato_font.ttf');
|
|
||||||
font-family: 'Lato';
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: 'Lato';
|
|
||||||
cursor: url("https://silicoflare.github.io/data/cursor.cur") 0 0, auto;
|
|
||||||
transition-duration: 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
|
||||||
tab-size: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.menu {
|
|
||||||
background-color: #7F00FF;
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
padding: 15px 15px;
|
|
||||||
text-align: center;
|
|
||||||
text-emphasis: bold;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 16px;
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
text-align: center;
|
|
||||||
font-family: "Lato";
|
|
||||||
padding: 15px 15px;
|
|
||||||
font-size: 75%;
|
|
||||||
color: white;
|
|
||||||
background: #FF6600;
|
|
||||||
border: none;
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.listing
|
|
||||||
{
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.listing:hover {
|
|
||||||
background: #FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background: #ff00ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.menu:hover {
|
|
||||||
background: #FF00FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.clicked {
|
|
||||||
background: #FF00FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, textarea {
|
|
||||||
background-color: #FFFF8A;
|
|
||||||
border: 2px solid black;
|
|
||||||
font-family: cursive;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
padding: 10px;
|
|
||||||
background-color: #7F00FF;
|
|
||||||
font-family: "Lato";
|
|
||||||
border: none;
|
|
||||||
position: fixed;
|
|
||||||
right: 0px;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
left: 10;
|
|
||||||
top: 10;
|
|
||||||
text-align: left;
|
|
||||||
font-size: 250%;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 300%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
padding: 7px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
padding-top: 100px;
|
|
||||||
padding-right: 10px;
|
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 125%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: white;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone {
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: #7F00FF;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone .title-phone {
|
|
||||||
color: white;
|
|
||||||
padding: 14px 16px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 25px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ham
|
|
||||||
{
|
|
||||||
width: 35px;
|
|
||||||
height: 5px;
|
|
||||||
background-color: white;
|
|
||||||
margin: 6px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone .icon {
|
|
||||||
color: white;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
padding: 15px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-item
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
color: white;
|
|
||||||
padding: 14px 16px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu
|
|
||||||
{
|
|
||||||
background-color: #333;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pc
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link
|
|
||||||
{
|
|
||||||
color: #00FF00;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover
|
|
||||||
{
|
|
||||||
background-color: #ff00ff;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited
|
|
||||||
{
|
|
||||||
color: #00FF00;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.insta:link
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(90deg, purple, orange);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.insta:visited
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(90deg, purple, orange);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.tele:link
|
|
||||||
{
|
|
||||||
color: #1C9DD9;
|
|
||||||
}
|
|
||||||
a.tele:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.tele:visited
|
|
||||||
{
|
|
||||||
color: #1C9DD9;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.email:link
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
a.email:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.email:visited
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.discord:link
|
|
||||||
{
|
|
||||||
color: #5865F2;
|
|
||||||
}
|
|
||||||
a.discord:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.discord:visited
|
|
||||||
{
|
|
||||||
color: #5865F2;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.reddit:link
|
|
||||||
{
|
|
||||||
color: #FF4500;
|
|
||||||
}
|
|
||||||
a.reddit:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.reddit:visited
|
|
||||||
{
|
|
||||||
color: #FF4500;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.steam:link
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(180deg, #161C34, #1D85B8);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
a.insta:visited
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(180deg, #161C34, #1D85B8)
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.twitch:link
|
|
||||||
{
|
|
||||||
color: #9146FF;
|
|
||||||
}
|
|
||||||
a.twitch:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.twitch:visited
|
|
||||||
{
|
|
||||||
color: #9146FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.github:link
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
a.github:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.github:visited
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.xbox:link
|
|
||||||
{
|
|
||||||
color: #007700;
|
|
||||||
}
|
|
||||||
a.xbox:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.xbox:visited
|
|
||||||
{
|
|
||||||
color: #007700;
|
|
||||||
}
|
|
||||||
@@ -1,113 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>That Certain Someone</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = '../creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = '../index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>That Certain Someone</h1>
|
|
||||||
<p align = "right"><b>-<i> SilicoFlare</i></b></p><br>
|
|
||||||
<center>
|
|
||||||
<i>
|
|
||||||
<p>
|
|
||||||
I really need that certain someone,<br>
|
|
||||||
Who will be my priority number one,<br>
|
|
||||||
No matter where, far or near,<br>
|
|
||||||
Who will trust me more than her life dear.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I really need that certain someone,<br>
|
|
||||||
Who will always be mine in the long run,<br>
|
|
||||||
With whom I can completely be transparent,<br>
|
|
||||||
Who will care for me more than a parent.<br>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I really need that certain someone,<br>
|
|
||||||
Who will stop my problems from where they began,<br>
|
|
||||||
Who will never think I am using her,<br>
|
|
||||||
With whom I can be as comfortable as in fur.<br>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I really need that certain someone,<br>
|
|
||||||
Time spent with whom is always fun,<br>
|
|
||||||
Who will console me when I cry,<br>
|
|
||||||
And will stay by my side till I die...<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
To get that certain someone, I will do the worst,<br>
|
|
||||||
And to keep her happy, I will sacrifice myself first...<br>
|
|
||||||
</p>
|
|
||||||
</i>
|
|
||||||
</center>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,243 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>The Day We Met</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = '../creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = '../index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>The Day We Met</h1>
|
|
||||||
<p align = "right"><b>-<i> SilicoFlare</i></b></p><br>
|
|
||||||
<center>
|
|
||||||
<i>
|
|
||||||
<p>
|
|
||||||
I still remember the day we met,<br>
|
|
||||||
Twenty-three seas had our destiny set,<br>
|
|
||||||
I blushed like a girl on seeing you,<br>
|
|
||||||
That was when I started liking you.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
You were always in my thoughts,<br>
|
|
||||||
Qualities of a friend you had lots,<br>
|
|
||||||
I then decided, no matter whatever,<br>
|
|
||||||
I would make you my best friend forever.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
After college, we had the best walks,<br>
|
|
||||||
Complete with the most wonderful talks,<br>
|
|
||||||
The food stalls were our pass time,<br>
|
|
||||||
We were always partners in crime.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
We teased each other on studying well,<br>
|
|
||||||
We laughed at jokes till we fell,<br>
|
|
||||||
We argued on the answers after every test,<br>
|
|
||||||
Without talking to you I couldn't rest.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Slim and cute, never mute,<br>
|
|
||||||
You like to observe stuff minute,<br>
|
|
||||||
You're also good at technology,<br>
|
|
||||||
To praise you, I have no analogy.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I still think back to the day we met,<br>
|
|
||||||
As we stood in the college fence,<br>
|
|
||||||
Though I was in the rain, completely wet,<br>
|
|
||||||
I felt warm just by your presence.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I kept you in an esteem very high,<br>
|
|
||||||
I thought of you as the sun in my sky,<br>
|
|
||||||
I would never bring a tear in your eye,<br>
|
|
||||||
And stay by your side till I die.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
But Fate had plans for me in store,<br>
|
|
||||||
Which shook our friendship from the core,<br>
|
|
||||||
Though for you, I did big and small,<br>
|
|
||||||
You never seemed to notice it at all.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
For you I was one of those friends,<br>
|
|
||||||
Who existed only till the college ends,<br>
|
|
||||||
Though I treated you as my bestie,<br>
|
|
||||||
I was for you just another entity.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Thinking it would never affect you,<br>
|
|
||||||
I started finding more friends new,<br>
|
|
||||||
And then I found the coolest pals,<br>
|
|
||||||
Two cool guys and three crazy gals.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
They were of mine a constant company,<br>
|
|
||||||
I made them close with my jokes funny,<br>
|
|
||||||
I started prioritizing them over you,<br>
|
|
||||||
And with you I spent only minutes few.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
God knows how, but you WERE affected,<br>
|
|
||||||
That thought in your eyes was reflected,<br>
|
|
||||||
Thinking I left you for good,<br>
|
|
||||||
You started ignoring me, which was rude.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I started observing it too late,<br>
|
|
||||||
Destined to happen on the stage of Fate,<br>
|
|
||||||
Though I tried to speak to you,<br>
|
|
||||||
I could just meet your behaviour new.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Disturbance became a part of me,<br>
|
|
||||||
When I saw you during hours free,<br>
|
|
||||||
The agony of losing you hit me like a dagger,<br>
|
|
||||||
From the path of happiness I began to stagger.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I always had tears when I thought of you,<br>
|
|
||||||
I always felt anxious when the break bell rang,<br>
|
|
||||||
Not only did I lose you,<br>
|
|
||||||
I lost the members of our gang.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
For my part of mistake I had to be sorry,<br>
|
|
||||||
As the guilt I could no more carry.<br>
|
|
||||||
I always tried to gather courage,<br>
|
|
||||||
From my book of life I wanted to tear that page.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
When I apologized, you gave acknowledgement,<br>
|
|
||||||
But afterwards you kept me at arm's length,<br>
|
|
||||||
When I wanted to speak to you a word,<br>
|
|
||||||
You always made the situation awkward.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
You always tried to avoid me,<br>
|
|
||||||
Your ego was in the path like a tree,<br>
|
|
||||||
I couldn't tolerate this attitude of yours,<br>
|
|
||||||
And so I decided to end this by force.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I then told you that it's all over,<br>
|
|
||||||
You wouldn't apologize, no matter whatever,<br>
|
|
||||||
But both of us decided to change our mind,<br>
|
|
||||||
A way to get back we had to find.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I know you never realized your mistake,<br>
|
|
||||||
The drops of my explanation could fill up a lake,<br>
|
|
||||||
How come you blamed it all on me,<br>
|
|
||||||
When your own faults you can't see?<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
You were the one to ignore me first,<br>
|
|
||||||
When I did the same, you treated me worst.<br>
|
|
||||||
Both did it and we settled the score,<br>
|
|
||||||
Why still keep your ego in your core?<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
You were the one who broke me first,<br>
|
|
||||||
Yet you make ME go through the worst,<br>
|
|
||||||
If you couldn't my feelings return,<br>
|
|
||||||
Why didn't you, on the first day, take an about turn?<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
To you I am an outcast everywhere,<br>
|
|
||||||
To never consider me you are always aware.<br>
|
|
||||||
You treat me like I committed a sin,<br>
|
|
||||||
What about your own mistakes you hid in?<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I killed my self-respect to get you back,<br>
|
|
||||||
But the qualities of compassion you lack,<br>
|
|
||||||
If you think in your life I am useless,<br>
|
|
||||||
Why live at the cost of my happiness?<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
But I don’t wanna let go off you,<br>
|
|
||||||
Because we can still start a friendship new.<br>
|
|
||||||
Forgetting all the bad that happened between us,<br>
|
|
||||||
We can continue to have our talks in the bus.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I yearn for that special day to come,<br>
|
|
||||||
When with friendship, we become one.<br>
|
|
||||||
For that, my friend, whatever you say,<br>
|
|
||||||
I will wait for you till my last day...<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I write these lines, tears making them wet,<br>
|
|
||||||
As I remember the day we met...<br>
|
|
||||||
</p>
|
|
||||||
</i>
|
|
||||||
</center>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,131 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>The Fate Anthem</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = '../creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = '../contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = 'index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = '../contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>The Fate Anthem</h1>
|
|
||||||
<p align = "right"><b>-<i> SilicoFlare</i></b></p><br>
|
|
||||||
<center>
|
|
||||||
<i>
|
|
||||||
<p>
|
|
||||||
Fate loves to play her game,<br>
|
|
||||||
You go through pain, you bear all shame.<br>
|
|
||||||
Once Fate puts her pieces in,<br>
|
|
||||||
You have to give up and let her win.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Fate always has something in store,<br>
|
|
||||||
Your love will hate you to the core.<br>
|
|
||||||
All your friends will betray you,<br>
|
|
||||||
You will always get problems new.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Fate is the one that rules your life,<br>
|
|
||||||
The fight with Fate's an endless strife.<br>
|
|
||||||
She will destroy all goals set,<br>
|
|
||||||
And fill your life with many a regret.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Fate loves to destroy your glee,<br>
|
|
||||||
She will make you all horrors see.<br>
|
|
||||||
Your life will be ruined with many scars,<br>
|
|
||||||
Though innocent, you will be behind bars.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The death of loved ones in your sight,<br>
|
|
||||||
Not allowed to even do what is right,<br>
|
|
||||||
Some loved one will leave you soon,<br>
|
|
||||||
To escape Fate, there's no boon.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Though your haters are in front of your eyes,<br>
|
|
||||||
Fate doesn't hear your painful cries.<br>
|
|
||||||
She assures to put you through worst,<br>
|
|
||||||
To destroy your life is her priority first.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
You'll never get that thing you love,<br>
|
|
||||||
The worst happens when you lose your nerve.<br>
|
|
||||||
Your mind will never be at peace,<br>
|
|
||||||
You won't live your life with ease.<br>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Fate is that one unwanted friend,<br>
|
|
||||||
Who will stick to you till the very end.<br>
|
|
||||||
If you try to take Fate light,<br>
|
|
||||||
She will erase you from history's sight...<br>
|
|
||||||
</p>
|
|
||||||
</i>
|
|
||||||
</center>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,76 +0,0 @@
|
|||||||
<?php
|
|
||||||
/*
|
|
||||||
This first bit sets the email address that you want the form to be submitted to.
|
|
||||||
You will need to change this value to a valid email address that you can access.
|
|
||||||
*/
|
|
||||||
$webmaster_email = "silicoflare@gmail.com";
|
|
||||||
|
|
||||||
/*
|
|
||||||
This bit sets the URLs of the supporting pages.
|
|
||||||
If you change the names of any of the pages, you will need to change the values here.
|
|
||||||
*/
|
|
||||||
$feedback_page = "contact.html";
|
|
||||||
$error_page = "error_message.html";
|
|
||||||
$thankyou_page = "thank_you.html";
|
|
||||||
|
|
||||||
/*
|
|
||||||
This next bit loads the form field data into variables.
|
|
||||||
If you add a form field, you will need to add it here.
|
|
||||||
*/
|
|
||||||
$email_address = $_REQUEST['email_address'] ;
|
|
||||||
$comments = $_REQUEST['comments'] ;
|
|
||||||
$first_name = $_REQUEST['first_name'] ;
|
|
||||||
$msg =
|
|
||||||
"First Name: " . $first_name . "\r\n" .
|
|
||||||
"Email: " . $email_address . "\r\n" .
|
|
||||||
"Comments: " . $comments ;
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following function checks for email injection.
|
|
||||||
Specifically, it checks for carriage returns - typically used by spammers to inject a CC list.
|
|
||||||
*/
|
|
||||||
function isInjected($str) {
|
|
||||||
$injections = array('(\n+)',
|
|
||||||
'(\r+)',
|
|
||||||
'(\t+)',
|
|
||||||
'(%0A+)',
|
|
||||||
'(%0D+)',
|
|
||||||
'(%08+)',
|
|
||||||
'(%09+)'
|
|
||||||
);
|
|
||||||
$inject = join('|', $injections);
|
|
||||||
$inject = "/$inject/i";
|
|
||||||
if(preg_match($inject,$str)) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the user tries to access this script directly, redirect them to the feedback form,
|
|
||||||
if (!isset($_REQUEST['email_address'])) {
|
|
||||||
header( "Location: $feedback_page" );
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the form fields are empty, redirect to the error page.
|
|
||||||
elseif (empty($first_name) || empty($email_address)) {
|
|
||||||
header( "Location: $error_page" );
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
If email injection is detected, redirect to the error page.
|
|
||||||
If you add a form field, you should add it here.
|
|
||||||
*/
|
|
||||||
elseif ( isInjected($email_address) || isInjected($first_name) || isInjected($comments) ) {
|
|
||||||
header( "Location: $error_page" );
|
|
||||||
}
|
|
||||||
|
|
||||||
// If we passed all previous tests, send the email then redirect to the thank you page.
|
|
||||||
else {
|
|
||||||
|
|
||||||
mail( $webmaster_email, "Feedback from visitor", $msg );
|
|
||||||
|
|
||||||
header( "Location: $thankyou_page" );
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
BIN
silence.mp3
412
silicoflare.css
@@ -1,356 +1,118 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
|
font-family: SilicoHand;
|
||||||
src: url('data/silicohand.ttf');
|
src: url('data/silicohand.ttf');
|
||||||
font-family: 'SilicoHand';
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Ubuntu;
|
||||||
|
src: url('data/ubuntu.ttf');
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-family: 'SilicoHand';
|
font-size: 20px;
|
||||||
cursor: url("data/cursor.cur") 0 0, auto;
|
font-family: Ubuntu;
|
||||||
transition-duration: 0.5s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab {
|
#modeSel {
|
||||||
tab-size: 8;
|
z-index: 999;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 10px;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
background-color: rgba(53, 53, 53, 0.5);
|
||||||
|
position: fixed;
|
||||||
|
right: 0%;
|
||||||
|
bottom: 5%;
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.menu {
|
#mode {
|
||||||
background-color: #7F00FF;
|
transition: 0.2s ease-in-out;
|
||||||
border: none;
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip {
|
||||||
|
padding: 5px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 10px 15px;
|
||||||
|
background-color: rgba(53, 53, 53);
|
||||||
|
position: fixed;
|
||||||
|
right: 4%;
|
||||||
|
bottom: 6.5%;
|
||||||
|
display: none;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 15px 15px;
|
transition: display 0.2s ease-in-out;
|
||||||
text-align: center;
|
|
||||||
text-emphasis: bold;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 16px;
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
text-align: center;
|
|
||||||
font-family: "SilicoHand";
|
|
||||||
padding: 15px 15px;
|
|
||||||
font-size: 75%;
|
|
||||||
color: white;
|
|
||||||
background: #FF6600;
|
|
||||||
border: none;
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.large {
|
|
||||||
font-size: 150%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.listing
|
|
||||||
{
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.listing:hover {
|
|
||||||
background: #FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background: #ff00ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.menu:hover {
|
|
||||||
background: #FF00FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.clicked {
|
|
||||||
background: #FF00FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, textarea {
|
|
||||||
background-color: #FFFF8A;
|
|
||||||
border: 2px solid black;
|
|
||||||
font-family: cursive;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
padding: 10px;
|
|
||||||
height: 60px;
|
|
||||||
background-color: #7F00FF;
|
|
||||||
font-family: "SilicoHand";
|
|
||||||
border: none;
|
|
||||||
position: fixed;
|
|
||||||
right: 0px;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
|
font-family: SilicoHand;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
border: none;
|
||||||
|
background-color: #7f00ff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.heading {
|
||||||
font-size: 250%;
|
font-family: SilicoHand;
|
||||||
position: absolute;
|
display: inline-block;
|
||||||
top : 29%;
|
padding: 30px 400px 30px 30px;
|
||||||
left: 1%;
|
font-size: 50px;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h0 {
|
.menu {
|
||||||
font-size: 1000%;
|
font-family: SilicoHand;
|
||||||
color: #7F00FF;
|
padding: 20px;
|
||||||
}
|
margin: 5px;
|
||||||
|
font-size: 20px;
|
||||||
p.msg {
|
color: white;
|
||||||
font-size: 150%;
|
display: inline;
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 300%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
padding: 7px;
|
|
||||||
float: right;
|
float: right;
|
||||||
|
min-width: 150px;
|
||||||
|
transition: background-color 0.2s ease-in-out;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
.menu:hover {
|
||||||
padding-top: 100px;
|
background-color: #f0f;
|
||||||
padding-right: 10px;
|
}
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 125%;
|
.menu.selected {
|
||||||
|
background-color: #f0f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bigtext {
|
||||||
|
font-size: 100px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.si {
|
||||||
|
font: 100px SilicoHand;
|
||||||
|
color: #7f00ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f {
|
||||||
|
font: 100px SilicoHand;
|
||||||
|
color: orangered;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: white;
|
transition: background-color 0.2s ease-in-out;
|
||||||
color: black;
|
transition: color 0.5s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.phone {
|
main {
|
||||||
overflow: hidden;
|
|
||||||
background-color: #7F00FF;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone .title-phone {
|
|
||||||
color: white;
|
|
||||||
padding: 14px 16px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
display: inline-block;
|
padding: 0 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ham
|
.centred {
|
||||||
{
|
text-align: center;
|
||||||
width: 35px;
|
|
||||||
height: 5px;
|
|
||||||
background-color: white;
|
|
||||||
margin: 6px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone .icon {
|
|
||||||
color: white;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
padding: 15px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-item
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
color: white;
|
|
||||||
padding: 14px 16px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu
|
|
||||||
{
|
|
||||||
background-color: #333;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pc
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link
|
|
||||||
{
|
|
||||||
color: #00FF00;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover
|
|
||||||
{
|
|
||||||
/*background-color: #ff00ff;*/
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited
|
|
||||||
{
|
|
||||||
color: #00FF00;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.insta:link
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(90deg, purple, orange);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.insta:visited
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(90deg, purple, orange);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.tele:link
|
|
||||||
{
|
|
||||||
color: #1C9DD9;
|
|
||||||
}
|
|
||||||
a.tele:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.tele:visited
|
|
||||||
{
|
|
||||||
color: #1C9DD9;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.email:link
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
a.email:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.email:visited
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.discord:link
|
|
||||||
{
|
|
||||||
color: #5865F2;
|
|
||||||
}
|
|
||||||
a.discord:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.discord:visited
|
|
||||||
{
|
|
||||||
color: #5865F2;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.reddit:link
|
|
||||||
{
|
|
||||||
color: #FF4500;
|
|
||||||
}
|
|
||||||
a.reddit:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.reddit:visited
|
|
||||||
{
|
|
||||||
color: #FF4500;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.steam:link
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(180deg, #161C34, #1D85B8);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
a.insta:visited
|
|
||||||
{
|
|
||||||
/* Create the gradient. */
|
|
||||||
background-image: linear-gradient(180deg, #161C34, #1D85B8);
|
|
||||||
|
|
||||||
/* Set the background size and repeat properties. */
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
/* Use the text as a mask for the background. */
|
|
||||||
/* This will show the gradient as a text color rather than element bg. */
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-moz-background-clip: text;
|
|
||||||
-moz-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.twitch:link
|
|
||||||
{
|
|
||||||
color: #9146FF;
|
|
||||||
}
|
|
||||||
a.twitch:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.twitch:visited
|
|
||||||
{
|
|
||||||
color: #9146FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.github:link
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
a.github:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.github:visited
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.xbox:link
|
|
||||||
{
|
|
||||||
color: #007700;
|
|
||||||
}
|
|
||||||
a.xbox:hover
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a.xbox:visited
|
|
||||||
{
|
|
||||||
color: #007700;
|
|
||||||
}
|
}
|
||||||
31
silicoflare.js
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
var current = "dark";
|
||||||
|
|
||||||
|
function changeMode() {
|
||||||
|
if (current == 'dark') {
|
||||||
|
current = 'light';
|
||||||
|
document.getElementById("mode").setAttribute("src", "data/light.png");
|
||||||
|
document.getElementById("mode").setAttribute("alt", "light_mode");
|
||||||
|
document.querySelector(".tooltip").innerHTML = "Light Mode";
|
||||||
|
document.querySelector(".styles").setAttribute("href", "silicoflare_light.css");
|
||||||
|
}
|
||||||
|
else if (current == 'light') {
|
||||||
|
current = 'dark';
|
||||||
|
document.getElementById("mode").setAttribute("src", "data/dark.png");
|
||||||
|
document.getElementById("mode").setAttribute("alt", "dark_mode");
|
||||||
|
document.querySelector(".tooltip").innerHTML = "Dark Mode";
|
||||||
|
document.querySelector(".styles").setAttribute("href", "silicoflare_dark.css");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function hoverIn() {
|
||||||
|
document.getElementById("modeSel").style.backgroundColor = "rgba(53, 53, 53, 1)";
|
||||||
|
document.getElementById("mode").style.opacity = 1;
|
||||||
|
document.querySelector(".tooltip").style.display = "block";
|
||||||
|
}
|
||||||
|
|
||||||
|
function hoverOut() {
|
||||||
|
document.getElementById("modeSel").style.backgroundColor = "rgba(53, 53, 53, 0.5)";
|
||||||
|
document.getElementById("mode").style.opacity = 0.5;
|
||||||
|
document.querySelector(".tooltip").style.display = "none";
|
||||||
|
}
|
||||||
4
silicoflare_dark.css
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
body {
|
||||||
|
background-color: #17001f;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
4
silicoflare_light.css
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
body {
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
81
special.html
@@ -1,81 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
<meta name = "description" content = "SilicoFlare's official website.">
|
|
||||||
<meta name = "keywords" content = "silicoflare , website">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show()
|
|
||||||
{
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader()
|
|
||||||
{
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if(window.mobileAndTabletCheck())
|
|
||||||
{
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>Home - SilicoFlare</title>
|
|
||||||
</head>
|
|
||||||
<body onload = "setHeader()">
|
|
||||||
<header>
|
|
||||||
<div class = "pc">
|
|
||||||
<span class = 'title'> SilicoFlare</span>
|
|
||||||
<div class = 'nav'>
|
|
||||||
<button type = "button" class = "menu clicked" onclick = "window.location.href = 'index.html';">Home</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'updates.html';">Updates</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'creations.html';">My Creations</button>
|
|
||||||
<button type = "button" class = "menu" onclick = "window.location.href = 'contact.html';">Contact Me</button>
|
|
||||||
</div><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class = "phone">
|
|
||||||
<div class = "title-phone" onclick = "window.location.href = 'index.html'";>SilicoFlare</div>
|
|
||||||
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class = "dropdown-menu">
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'index.html'";>Home</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'updates.html'";>Updates</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'creations.html'";>My Creations</span>
|
|
||||||
<span class = "menu-item" onclick = "window.location.href = 'contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<video id = "vid">
|
|
||||||
<source src = "rickroll.mp4" type = "video/mp4"></source>
|
|
||||||
</video>
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang = "en">
|
|
||||||
<head>
|
|
||||||
<meta charset = "UTF-8">
|
|
||||||
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
|
||||||
<meta name = "author" content = "SilicoFlare">
|
|
||||||
|
|
||||||
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
|
||||||
|
|
||||||
<title>Thank You</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Thanks for your feedback!</h1>
|
|
||||||
<p>I appreciate that you took the time to send me feedback. Your feedback has been recorded.</p>
|
|
||||||
<p><a href="contact.html">Back to <b>Contact Me</b> page</a></p>
|
|
||||||
37
updates.css
@@ -1,37 +0,0 @@
|
|||||||
.collapsible {
|
|
||||||
background-color: #7F00FF;
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
padding: 18px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active, .collapsible:hover {
|
|
||||||
background-color: #FF00FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collapsible:after {
|
|
||||||
content: '+';
|
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
float: right;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active:after {
|
|
||||||
content: "-";
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 0 18px;
|
|
||||||
max-height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
transition: max-height 0.2s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.big {
|
|
||||||
height: 50%;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
132
updates.html
@@ -1,132 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta name="author" content="SilicoFlare">
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="silicoflare.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="updates.css">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
window.mobileAndTabletCheck = function() {
|
|
||||||
let check = false;
|
|
||||||
(function(a) {
|
|
||||||
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;
|
|
||||||
})(navigator.userAgent || navigator.vendor || window.opera);
|
|
||||||
return check;
|
|
||||||
};
|
|
||||||
|
|
||||||
function show() {
|
|
||||||
var x = document.querySelector(".dropdown-menu");
|
|
||||||
if (x.style.display === "block") {
|
|
||||||
x.style.display = "none";
|
|
||||||
} else {
|
|
||||||
x.style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHeader() {
|
|
||||||
var phone = document.querySelector(".phone");
|
|
||||||
var pc = document.querySelector(".pc");
|
|
||||||
pc.style.display = "none";
|
|
||||||
phone.style.display = "none";
|
|
||||||
if (window.mobileAndTabletCheck()) {
|
|
||||||
phone.style.display = "block";
|
|
||||||
pc.style.display = "none";
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
pc.style.display = "block";
|
|
||||||
phone.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>Updates - SilicoFlare</title>
|
|
||||||
</head>
|
|
||||||
<body onload="setHeader()">
|
|
||||||
<header>
|
|
||||||
<div class="pc">
|
|
||||||
<span class='title'> SilicoFlare</span>
|
|
||||||
<div class='nav'>
|
|
||||||
<button type="button" class="menu" onclick="window.location.href = 'index.html';">Home</button>
|
|
||||||
<button type="button" class="menu clicked" onclick="window.location.href = 'updates.html';">Updates</button>
|
|
||||||
<button type="button" class="menu" onclick="window.location.href = 'creations.html';">My Creations</button>
|
|
||||||
<button type="button" class="menu" onclick="window.location.href = 'contact.html';">Contact Me</button>
|
|
||||||
</div>
|
|
||||||
<br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="phone">
|
|
||||||
<div class="title-phone" onclick="window.location.href = 'index.html'";>
|
|
||||||
SilicoFlare
|
|
||||||
</div>
|
|
||||||
<span align="right" class="icon" onclick="show()"><b>☰</b></span>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'index.html'";>Home</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'updates.html'";>Updates</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'creations.html'";>My Creations</span>
|
|
||||||
<span class="menu-item" onclick="window.location.href = 'contact.html'";>Contact Me</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Updates</h1>
|
|
||||||
<button class="collapsible">The secret behind my username and logo...</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>
|
|
||||||
When I heard about this trend of creating a fictional name for social media and gaming, I thought of creating one for myself. And yeah, since my mind is never constant, I had three usernames in total:
|
|
||||||
</p>
|
|
||||||
<p align="center">
|
|
||||||
Captain CrazyBones -> Captain CyberFreak -> SilicoFlare
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The present one, <strong>SilicoFlare</strong>, is a result of extreme thinking. It is made of two words:
|
|
||||||
<ul>
|
|
||||||
<li>"<i>silicon</i>" - an element used for making microprocessors, which shows my love for computers, and</li>
|
|
||||||
<li>"<i>flare</i>" - related to fire and solar flares, symbolizing the fire of passion burning in me</li>
|
|
||||||
</ul>
|
|
||||||
And a look at my logo too..
|
|
||||||
</p>
|
|
||||||
<p align="center">
|
|
||||||
<img width="256" height="256" src="data/logos/animation_logo.gif" alt="SilicoFlare's logo" />
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
It is an animated and developed version of my previous logo. All my previous logos are in <a href="creations.html">My Creations</a> page.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<button class="collapsible">The story of my journey with computers...</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>
|
|
||||||
It all began when my dad bought a new PC in my childhood. With that new PC came several games. I was completely overjoyed. Gaming became my daily habit.
|
|
||||||
But everything changed when my dad told me to explore other things on the PC, except games. That's when I started exploring the broad world of computers.
|
|
||||||
My mother, a computer teacher, constantly gave me new ideas and knowledge. I started surfing the internet to find a new topic to learn everyday.
|
|
||||||
I learnt programming, creating games, messing with the core components of the computer, etc. It was never boring to me.
|
|
||||||
This is how computers became the most important part of my life.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
<footer></footer>
|
|
||||||
<script>
|
|
||||||
var coll = document.getElementsByClassName("collapsible");
|
|
||||||
var i;
|
|
||||||
|
|
||||||
for (i = 0; i < coll.length; i++) {
|
|
||||||
coll[i].addEventListener("click", function() {
|
|
||||||
this.classList.toggle("active");
|
|
||||||
var content = this.nextElementSibling;
|
|
||||||
if (content.style.maxHeight) {
|
|
||||||
content.style.maxHeight = null;
|
|
||||||
} else {
|
|
||||||
content.style.maxHeight = content.scrollHeight + "px";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||