mirror of
https://github.com/silicoflare/silicoflare-website.git
synced 2026-05-26 20:17:58 +05:30
Delete htdocs directory
This commit is contained in:
SilicoFlare
GitHub
@@ -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,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>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 318 B |
Binary file not shown.
@@ -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.
|
||||
Binary file not shown.
@@ -1 +0,0 @@
|
||||
https://youtu.be/wO-T0PItTY0
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
@@ -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,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#8294)</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>
|
||||
@@ -1,142 +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">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>
|
||||
</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>
|
||||
Binary file not shown.
Binary file not shown.
@@ -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));
|
||||
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 318 B |
1
htdocs/data/cheet.min.js
vendored
1
htdocs/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);
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 318 B |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 181 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 940 B |
Binary file not shown.
|
Before Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 336 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
@@ -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>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB |
@@ -1,83 +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>
|
||||
<h1>Home</h1>
|
||||
Welcome to my world!
|
||||
<br><br>
|
||||
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>
|
||||
And yeah, keep checking Updates and My Creations for new stuff every time!
|
||||
</main>
|
||||
<footer></footer>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 318 B |
Binary file not shown.
@@ -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="http://silicoflare.great-site.net/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>
|
||||
Binary file not shown.
@@ -1,341 +0,0 @@
|
||||
@font-face {
|
||||
src: url('http://silicoflare.great-site.net/data/lato_font.ttf');
|
||||
font-family: 'Lato';
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'Lato';
|
||||
cursor: url("http://silicoflare.great-site.net/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" );
|
||||
}
|
||||
?>
|
||||
Binary file not shown.
@@ -1,341 +0,0 @@
|
||||
@font-face {
|
||||
src: url('data/silicohand.ttf');
|
||||
font-family: 'SilicoHand';
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'SilicoHand';
|
||||
cursor: url("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: "SilicoHand";
|
||||
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: "SilicoHand";
|
||||
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,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>
|
||||
@@ -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%;
|
||||
}
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user