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:
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>
|
||||
Reference in New Issue
Block a user