mirror of
https://github.com/silicoflare/silicoflare-website.git
synced 2026-05-26 20:17:58 +05:30
Add files via upload
This commit is contained in:
SilicoFlare
GitHub
35
_temp/aaa.html
Normal file
35
_temp/aaa.html
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
<!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>
|
||||||
90
_temp/contact.html
Normal file
90
_temp/contact.html
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang = "en">
|
||||||
|
<head>
|
||||||
|
<meta charset = "UTF-8">
|
||||||
|
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
||||||
|
<meta name = "author" content = "SilicoFlare">
|
||||||
|
|
||||||
|
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
||||||
|
|
||||||
|
<title>Contact Me - SilicoFlare</title>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.mobileAndTabletCheck = function() {
|
||||||
|
let check = false;
|
||||||
|
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
||||||
|
return check;
|
||||||
|
};
|
||||||
|
|
||||||
|
function show()
|
||||||
|
{
|
||||||
|
var x = document.querySelector(".dropdown-menu");
|
||||||
|
if (x.style.display === "block") {
|
||||||
|
x.style.display = "none";
|
||||||
|
} else {
|
||||||
|
x.style.display = "block";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function setHeader()
|
||||||
|
{
|
||||||
|
var phone = document.querySelector(".phone");
|
||||||
|
var pc = document.querySelector(".pc");
|
||||||
|
pc.style.display = "none";
|
||||||
|
phone.style.display = "none";
|
||||||
|
if(window.mobileAndTabletCheck())
|
||||||
|
{
|
||||||
|
phone.style.display = "block";
|
||||||
|
pc.style.display = "none";
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
pc.style.display = "block";
|
||||||
|
phone.style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body onload = "setHeader()">
|
||||||
|
<header>
|
||||||
|
<div class = "pc">
|
||||||
|
<span class = 'title'> SilicoFlare</span>
|
||||||
|
<div class = 'nav'>
|
||||||
|
<button type = "button" class = "menu" onclick = "window.location.href = 'index.html';">Home</button>
|
||||||
|
<button type = "button" class = "menu" onclick = "window.location.href = 'updates.html';">Updates</button>
|
||||||
|
<button type = "button" class = "menu" onclick = "window.location.href = 'creations.html';">My Creations</button>
|
||||||
|
<button type = "button" class = "menu clicked" onclick = "window.location.href = 'contact.html';">Contact Me</button>
|
||||||
|
</div><br><br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "phone">
|
||||||
|
<div class = "title-phone" onclick = "window.location.href = 'index.html'";>SilicoFlare</div>
|
||||||
|
<span align = "right" class = "icon" onclick = "show()"><b>☰</b></span>
|
||||||
|
</div>
|
||||||
|
<div class = "dropdown-menu">
|
||||||
|
<span class = "menu-item" onclick = "window.location.href = 'index.html'";>Home</span>
|
||||||
|
<span class = "menu-item" onclick = "window.location.href = 'updates.html'";>Updates</span>
|
||||||
|
<span class = "menu-item" onclick = "window.location.href = 'creations.html'";>My Creations</span>
|
||||||
|
<span class = "menu-item" onclick = "window.location.href = 'contact.html'";>Contact Me</span>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h1>Credits</h1>
|
||||||
|
Everything on this website, including code, color scheme, layout, graphics and cursors, is created completely by me.<br>
|
||||||
|
<strong>Font</strong> - <a href = 'https://fonts.google.com/specimen/Patrick+Hand?query=patrick'>Patrick Hand</a> by Patrick Wagesreiter
|
||||||
|
<br><br><br>
|
||||||
|
<h1>Contact Me</h1>
|
||||||
|
Do you have any comments/suggestions? Reach out to me through this form.<br>
|
||||||
|
(Email is compulsory in order to reduce spam. Hope you understand.)
|
||||||
|
<br><br>
|
||||||
|
<!-- begin wwww.htmlcommentbox.com -->
|
||||||
|
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
|
||||||
|
<script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"%27"), h="https://www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24Im5FKvlA3KD9S.9kJJ3IO0"+"&opts=16798&num=10&ts=1627647009473");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
|
||||||
|
<!-- end www.htmlcommentbox.com -->
|
||||||
|
<!--<p align = "justified"><iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd2OBxSn81BcbKmm7lOqOITmBsJh-cTEslN9OAB79du6VAz5w/viewform?embedded=true" width="device-width" height="750" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></p>-->
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
_temp/cursor.cur
Normal file
BIN
_temp/cursor.cur
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
BIN
_temp/editor_guide.pdf
Normal file
BIN
_temp/editor_guide.pdf
Normal file
Binary file not shown.
10
_temp/email.php
Normal file
10
_temp/email.php
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<?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);
|
||||||
|
?>
|
||||||
15
_temp/formspree.html
Normal file
15
_temp/formspree.html
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<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
_temp/index.html
Normal file
1
_temp/index.html
Normal file
@@ -0,0 +1 @@
|
|||||||
|
Nothing here. Get outta here.
|
||||||
BIN
_temp/jee_application.pdf
Normal file
BIN
_temp/jee_application.pdf
Normal file
Binary file not shown.
1
_temp/link.txt
Normal file
1
_temp/link.txt
Normal file
@@ -0,0 +1 @@
|
|||||||
|
https://youtu.be/wO-T0PItTY0
|
||||||
BIN
_temp/low_expectations_script.pdf
Normal file
BIN
_temp/low_expectations_script.pdf
Normal file
Binary file not shown.
BIN
_temp/pessat_hall_ticket.pdf
Normal file
BIN
_temp/pessat_hall_ticket.pdf
Normal file
Binary file not shown.
1313
_temp/sample_font.birdfont
Normal file
1313
_temp/sample_font.birdfont
Normal file
File diff suppressed because it is too large
Load Diff
35
aaa.html
Normal file
35
aaa.html
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
<!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>
|
||||||
0
blank.html
Normal file
0
blank.html
Normal file
95
contact.html
Normal file
95
contact.html
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
<!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>
|
||||||
142
creations.html
Normal file
142
creations.html
Normal file
@@ -0,0 +1,142 @@
|
|||||||
|
<!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>
|
||||||
BIN
creations/conscripts/elysian/elysian.otf
Normal file
BIN
creations/conscripts/elysian/elysian.otf
Normal file
Binary file not shown.
BIN
creations/conscripts/elysian/elysian.ttf
Normal file
BIN
creations/conscripts/elysian/elysian.ttf
Normal file
Binary file not shown.
71
creations/passenger_list/pass_info.css
Normal file
71
creations/passenger_list/pass_info.css
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
@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;
|
||||||
|
}
|
||||||
54
creations/passenger_list/pass_info.html
Normal file
54
creations/passenger_list/pass_info.html
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
<!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>
|
||||||
47
creations/passenger_list/pass_info.js
Normal file
47
creations/passenger_list/pass_info.js
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
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));
|
||||||
|
|
||||||
|
}
|
||||||
BIN
creations/poems/cursor.cur
Normal file
BIN
creations/poems/cursor.cur
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
1
data/cheet.min.js
vendored
Normal file
1
data/cheet.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
!function(global){"use strict";function keydown(e){var id,k=e?e.keyCode:event.keyCode;if(!held[k]){held[k]=!0;for(id in sequences)sequences[id].keydown(k)}}function keyup(e){var k=e?e.keyCode:event.keyCode;held[k]=!1}function resetHeldKeys(){var k;for(k in held)held[k]=!1}function on(obj,type,fn){obj.addEventListener?obj.addEventListener(type,fn,!1):obj.attachEvent&&(obj["e"+type+fn]=fn,obj[type+fn]=function(){obj["e"+type+fn](window.event)},obj.attachEvent("on"+type,obj[type+fn]))}var cheet,Sequence,sequences={},keys={backspace:8,tab:9,enter:13,"return":13,shift:16,"⇧":16,control:17,ctrl:17,"⌃":17,alt:18,option:18,"⌥":18,pause:19,capslock:20,esc:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,L:37,"←":37,up:38,U:38,"↑":38,right:39,R:39,"→":39,down:40,D:40,"↓":40,insert:45,"delete":46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,"⌘":91,command:91,kp_0:96,kp_1:97,kp_2:98,kp_3:99,kp_4:100,kp_5:101,kp_6:102,kp_7:103,kp_8:104,kp_9:105,kp_multiply:106,kp_plus:107,kp_minus:109,kp_decimal:110,kp_divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,equal:187,"=":187,comma:188,",":188,minus:189,"-":189,period:190,".":190},NOOP=function(){},held={};Sequence=function(str,next,fail,done){var i;for(this.str=str,this.next=next?next:NOOP,this.fail=fail?fail:NOOP,this.done=done?done:NOOP,this.seq=str.split(" "),this.keys=[],i=0;i<this.seq.length;++i)this.keys.push(keys[this.seq[i]]);this.idx=0},Sequence.prototype.keydown=function(keyCode){var i=this.idx;return keyCode!==this.keys[i]?void(i>0&&(this.reset(),this.fail(this.str),cheet.__fail(this.str))):(this.next(this.str,this.seq[i],i,this.seq),cheet.__next(this.str,this.seq[i],i,this.seq),void(++this.idx===this.keys.length&&(this.done(this.str),cheet.__done(this.str),this.reset())))},Sequence.prototype.reset=function(){this.idx=0},cheet=function(str,handlers){var next,fail,done;"function"==typeof handlers?done=handlers:null!==handlers&&void 0!==handlers&&(next=handlers.next,fail=handlers.fail,done=handlers.done),sequences[str]=new Sequence(str,next,fail,done)},cheet.disable=function(str){delete sequences[str]},on(window,"keydown",keydown),on(window,"keyup",keyup),on(window,"blur",resetHeldKeys),on(window,"focus",resetHeldKeys),cheet.__next=NOOP,cheet.next=function(fn){cheet.__next=null===fn?NOOP:fn},cheet.__fail=NOOP,cheet.fail=function(fn){cheet.__fail=null===fn?NOOP:fn},cheet.__done=NOOP,cheet.done=function(fn){cheet.__done=null===fn?NOOP:fn},cheet.reset=function(id){var seq=sequences[id];return seq instanceof Sequence?void seq.reset():void console.warn("cheet: Unknown sequence: "+id)},global.cheet=cheet,"function"==typeof define&&define.amd?define([],function(){return cheet}):"undefined"!=typeof module&&null!==module&&(module.exports=cheet)}(this);
|
||||||
BIN
data/cursor.cur
Normal file
BIN
data/cursor.cur
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
BIN
data/discord.png
Normal file
BIN
data/discord.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
data/favicon.ico
Normal file
BIN
data/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
data/github.png
Normal file
BIN
data/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
data/insta.png
Normal file
BIN
data/insta.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
BIN
data/lato_font.ttf
Normal file
BIN
data/lato_font.ttf
Normal file
Binary file not shown.
BIN
data/logos/animation_logo.gif
Normal file
BIN
data/logos/animation_logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
data/logos/cyberfreak_logo.png
Normal file
BIN
data/logos/cyberfreak_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
data/logos/fireball_logo.png
Normal file
BIN
data/logos/fireball_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 940 B |
BIN
data/logos/processor_logo.png
Normal file
BIN
data/logos/processor_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
data/logos/simple_logo.png
Normal file
BIN
data/logos/simple_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
data/mail.png
Normal file
BIN
data/mail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
data/reddit.png
Normal file
BIN
data/reddit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 336 KiB |
BIN
data/silicohand.ttf
Normal file
BIN
data/silicohand.ttf
Normal file
Binary file not shown.
BIN
data/steam.png
Normal file
BIN
data/steam.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
data/telegram.png
Normal file
BIN
data/telegram.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
data/twitch.png
Normal file
BIN
data/twitch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
data/xbox.png
Normal file
BIN
data/xbox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
19
error_message.html
Normal file
19
error_message.html
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang = "en">
|
||||||
|
<head>
|
||||||
|
<meta charset = "UTF-8">
|
||||||
|
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
||||||
|
<meta name = "author" content = "SilicoFlare">
|
||||||
|
|
||||||
|
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
||||||
|
|
||||||
|
<title>Error</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<style type="text/css"
|
||||||
|
<h1>Oops!</h1>
|
||||||
|
<p>Please ensure you have completed all fields before submitting the form. </p>
|
||||||
|
<p>Also ensure that there is only one email address.</p>
|
||||||
|
<p><a href="JavaScript:history.go(-1);">Back</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
83
index.html
Normal file
83
index.html
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
<!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>
|
||||||
BIN
poems/cursor.cur
Normal file
BIN
poems/cursor.cur
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
BIN
poems/lato_font.ttf
Normal file
BIN
poems/lato_font.ttf
Normal file
Binary file not shown.
109
poems/laziness.html
Normal file
109
poems/laziness.html
Normal file
@@ -0,0 +1,109 @@
|
|||||||
|
<!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>
|
||||||
122
poems/my_bestie.html
Normal file
122
poems/my_bestie.html
Normal file
@@ -0,0 +1,122 @@
|
|||||||
|
<!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>
|
||||||
225
poems/my_first_love.html
Normal file
225
poems/my_first_love.html
Normal file
@@ -0,0 +1,225 @@
|
|||||||
|
<!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>
|
||||||
BIN
poems/patrick_font.ttf
Normal file
BIN
poems/patrick_font.ttf
Normal file
Binary file not shown.
341
poems/silicoflare.css
Normal file
341
poems/silicoflare.css
Normal file
@@ -0,0 +1,341 @@
|
|||||||
|
@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;
|
||||||
|
}
|
||||||
113
poems/that_certain_someone.html
Normal file
113
poems/that_certain_someone.html
Normal file
@@ -0,0 +1,113 @@
|
|||||||
|
<!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>
|
||||||
243
poems/the_day_we_met.html
Normal file
243
poems/the_day_we_met.html
Normal file
@@ -0,0 +1,243 @@
|
|||||||
|
<!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>
|
||||||
131
poems/the_fate_anthem.html
Normal file
131
poems/the_fate_anthem.html
Normal file
@@ -0,0 +1,131 @@
|
|||||||
|
<!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>
|
||||||
76
send_mail.php
Normal file
76
send_mail.php
Normal file
@@ -0,0 +1,76 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
This first bit sets the email address that you want the form to be submitted to.
|
||||||
|
You will need to change this value to a valid email address that you can access.
|
||||||
|
*/
|
||||||
|
$webmaster_email = "silicoflare@gmail.com";
|
||||||
|
|
||||||
|
/*
|
||||||
|
This bit sets the URLs of the supporting pages.
|
||||||
|
If you change the names of any of the pages, you will need to change the values here.
|
||||||
|
*/
|
||||||
|
$feedback_page = "contact.html";
|
||||||
|
$error_page = "error_message.html";
|
||||||
|
$thankyou_page = "thank_you.html";
|
||||||
|
|
||||||
|
/*
|
||||||
|
This next bit loads the form field data into variables.
|
||||||
|
If you add a form field, you will need to add it here.
|
||||||
|
*/
|
||||||
|
$email_address = $_REQUEST['email_address'] ;
|
||||||
|
$comments = $_REQUEST['comments'] ;
|
||||||
|
$first_name = $_REQUEST['first_name'] ;
|
||||||
|
$msg =
|
||||||
|
"First Name: " . $first_name . "\r\n" .
|
||||||
|
"Email: " . $email_address . "\r\n" .
|
||||||
|
"Comments: " . $comments ;
|
||||||
|
|
||||||
|
/*
|
||||||
|
The following function checks for email injection.
|
||||||
|
Specifically, it checks for carriage returns - typically used by spammers to inject a CC list.
|
||||||
|
*/
|
||||||
|
function isInjected($str) {
|
||||||
|
$injections = array('(\n+)',
|
||||||
|
'(\r+)',
|
||||||
|
'(\t+)',
|
||||||
|
'(%0A+)',
|
||||||
|
'(%0D+)',
|
||||||
|
'(%08+)',
|
||||||
|
'(%09+)'
|
||||||
|
);
|
||||||
|
$inject = join('|', $injections);
|
||||||
|
$inject = "/$inject/i";
|
||||||
|
if(preg_match($inject,$str)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// If the user tries to access this script directly, redirect them to the feedback form,
|
||||||
|
if (!isset($_REQUEST['email_address'])) {
|
||||||
|
header( "Location: $feedback_page" );
|
||||||
|
}
|
||||||
|
|
||||||
|
// If the form fields are empty, redirect to the error page.
|
||||||
|
elseif (empty($first_name) || empty($email_address)) {
|
||||||
|
header( "Location: $error_page" );
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
If email injection is detected, redirect to the error page.
|
||||||
|
If you add a form field, you should add it here.
|
||||||
|
*/
|
||||||
|
elseif ( isInjected($email_address) || isInjected($first_name) || isInjected($comments) ) {
|
||||||
|
header( "Location: $error_page" );
|
||||||
|
}
|
||||||
|
|
||||||
|
// If we passed all previous tests, send the email then redirect to the thank you page.
|
||||||
|
else {
|
||||||
|
|
||||||
|
mail( $webmaster_email, "Feedback from visitor", $msg );
|
||||||
|
|
||||||
|
header( "Location: $thankyou_page" );
|
||||||
|
}
|
||||||
|
?>
|
||||||
BIN
silence.mp3
Normal file
BIN
silence.mp3
Normal file
Binary file not shown.
341
silicoflare.css
Normal file
341
silicoflare.css
Normal file
@@ -0,0 +1,341 @@
|
|||||||
|
@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;
|
||||||
|
}
|
||||||
81
special.html
Normal file
81
special.html
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
<!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>
|
||||||
15
thank_you.html
Normal file
15
thank_you.html
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang = "en">
|
||||||
|
<head>
|
||||||
|
<meta charset = "UTF-8">
|
||||||
|
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
|
||||||
|
<meta name = "author" content = "SilicoFlare">
|
||||||
|
|
||||||
|
<link rel = "stylesheet" type = "text/css" href = "silicoflare.css">
|
||||||
|
|
||||||
|
<title>Thank You</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Thanks for your feedback!</h1>
|
||||||
|
<p>I appreciate that you took the time to send me feedback. Your feedback has been recorded.</p>
|
||||||
|
<p><a href="contact.html">Back to <b>Contact Me</b> page</a></p>
|
||||||
37
updates.css
Normal file
37
updates.css
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
.collapsible {
|
||||||
|
background-color: #7F00FF;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 18px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active, .collapsible:hover {
|
||||||
|
background-color: #FF00FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapsible:after {
|
||||||
|
content: '+';
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
float: right;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active:after {
|
||||||
|
content: "-";
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 0 18px;
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: max-height 0.2s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.big {
|
||||||
|
height: 50%;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
132
updates.html
Normal file
132
updates.html
Normal file
@@ -0,0 +1,132 @@
|
|||||||
|
<!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