job
/
public_html
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

init

This commit is contained in:
Job Bautista 2021-05-07 10:33:28 +08:00
commit 0d39959ae8
62 changed files with 3867 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

374
clock.svg Normal file
View File

@ -0,0 +1,374 @@
<?xml version="1.0" encoding="utf-8"?>
<svg onload="s(evt)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 512 512">
<title>SVG analog clock</title>
<desc>Displays the client's current system time. This SVG was made with highest compability and readability of the source code in mind. SVG performance and size were not important.</desc>
<defs>
<!-- Hour clockhand -->
<polygon id="p1" points="252.5,156 252.5,256 252.5,286 259.5,286 259.5,256 259.5,156" />
<!-- Minute clockhand -->
<polygon id="p2" points="253.5,141 253.5,256 253.5,301 258.5,301 258.5,256 258.5,141" />
<!-- Second clockhand -->
<polygon id="p3" points="258,271 257,271 257,256 257,126 255,126 255,256 255,271 254,271 252,321 260,321" />
<!-- Linear gradient 1 -->
<linearGradient id="f1" gradientUnits="userSpaceOnUse" x1="2.2783" y1="511.3906" x2="2.2783" y2="510.3906" gradientTransform="matrix(444.416 0 0 -444.416 -756.208 227305.7031)">
<stop offset="0" stop-color="#FFFFFF" />
<stop offset="1" stop-color="#FFFFFF" stop-opacity="0.4" />
</linearGradient>
<!-- Linear gradient 2 -->
<linearGradient id="f2" gradientUnits="userSpaceOnUse" x1="2.1045" y1="511.3457" x2="2.6799" y2="510.349" gradientTransform="matrix(416.552 0 0 -416.5325 -666.0963 212992.0938)">
<stop offset="0" stop-color="#FFFFFF" />
<stop offset="1" stop-color="#FFFFFF" stop-opacity="0.25" />
</linearGradient>
<!-- Drop shadow -->
<filter id="f3" x="-20%" y="-20%" width="150%" height="150%">
<feGaussianBlur in="SourceAlpha" stdDeviation="7" result="out1" />
<feOffset in="out1" dx="-5" dy="5" result="out2" />
<feMerge>
<feMergeNode in="out2" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<!-- Gaussian blur 1 -->
<filter id="f4">
<feGaussianBlur in="SourceGraphic" stdDeviation="0.75" />
</filter>
<!-- Gaussian blur 2 -->
<filter id="f5">
<feGaussianBlur in="SourceGraphic" stdDeviation="1" />
</filter>
<!-- Straight drop shadow -->
<filter id="f6" x="-100%" y="-100%" width="400%" height="400%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2" result="out1" />
<feOffset in="out1" dx="-2" dy="2" result="out2" />
<feMerge>
<feMergeNode in="out2" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<!-- Radial gradient -->
<radialGradient id="f7" cx="258.25" cy="253.75" r="3" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#FFFFFF" stop-opacity="0.8" />
<stop offset="1" stop-color="#000000" />
</radialGradient>
<!-- JavaScript for setting the clockhands on load. -->
<script type="text/javascript">
<![CDATA[
/**
* Set the clock to the client's system time, directly after the SVG is loaded.
*
* @param evt e
*/
function s(e) {
// Create new Date() object.
var d = new Date();
// Get current seconds.
var s = d.getSeconds();
// Get current minutes and add the current second.
var m = d.getMinutes() + s / 60;
// Get current hours and add the current minute.
var h = d.getHours() + m / 60;
// Get the current document, so we can alter the DOM.
var svg = e.target.ownerDocument;
// Rotate the second clockhand to the current seconds.
svg.getElementById("Second").setAttribute("transform", "rotate(" + (s * 6) + ", 256, 256)");
svg.getElementById("SecondShadow").setAttribute("transform", "rotate(" + (s * 6) + ", 253, 259)");
// Rotate the minute clockhand to the current minute.
svg.getElementById("Minute").setAttribute("transform", "rotate(" + (m * 6) + ", 256, 256)");
svg.getElementById("MinuteShadow").setAttribute("transform", "rotate(" + (m * 6) + ", 254, 258)");
// Rotate the hour clockhand to the current hour.
svg.getElementById("Hour").setAttribute("transform", "rotate(" + (h * 30) + ", 256, 256)");
svg.getElementById("HourShadow").setAttribute("transform", "rotate(" + (h * 30) + ", 255, 257)");
}
//]]>
</script>
</defs>
<circle fill="#E6F1DD" cx="256" cy="256" r="215.04" />
<path filter="url(#f3)" d="M256,10.24C120.271,10.24,10.24,120.271,10.24,256c0,135.729,110.031,245.76,245.76,245.76
c135.729,0,245.76-110.031,245.76-245.76C501.76,120.271,391.729,10.24,256,10.24z M256,471.04
c-118.763,0-215.04-96.276-215.04-215.04c0-118.763,96.277-215.04,215.04-215.04c118.764,0,215.04,96.277,215.04,215.04
C471.04,374.764,374.764,471.04,256,471.04z" />
<path opacity="0.5" fill="url(#f1)" filter="url(#f4)" d="M256,35.84c120.46,0,218.112,97.652,218.112,218.112
c0,120.459-97.652,218.112-218.112,218.112S37.888,374.411,37.888,253.952C37.888,133.492,135.54,35.84,256,35.84
c-122.722,0-222.208,99.486-222.208,222.208c0,122.724,99.486,222.208,222.208,222.208c122.724,0,222.208-99.484,222.208-222.208
C478.208,135.326,378.724,35.84,256,35.84z" />
<path opacity="0.75" fill="url(#f2)" filter="url(#f5)" d="M254.976,12.288c-67.562,0-128.697,27.498-172.84,71.903
c44.062-43.805,104.775-70.879,171.816-70.879c134.599,0,243.712,109.113,243.712,243.711c0,67.031-27.067,127.733-70.859,171.797
C471.2,384.677,498.689,323.55,498.689,256C498.688,121.401,389.573,12.288,254.976,12.288z" />
<path fill="none" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M173.297,437.792l-2.04,4.487 M211.854,455.793
l1.058-4.79 M191.196,450.134l1.564-4.689 M137.297,416.566l-2.974,4.025 M89.375,374.943l4.104-2.936 M102.746,391.648l3.735-3.313
M121.187,403.292l-3.359,3.673 M233.025,459.357l0.556-4.931 M68.263,337.68l4.599-2.006 M60.717,317.62l4.82-1.522
M390.644,108.555l3.531-3.861 M405.353,123.472l3.904-3.461 M422.628,136.714l-4.267,3.05 M439.016,176.039l4.727-2.061
M446.364,195.594l4.921-1.557 M320.806,61.525l-1.667,5 M300.148,55.864l-1.131,5.116 M374.542,95.314l3.137-4.249 M278.977,52.301
l-0.594,5.267 M316.302,446.398l1.491,4.715 M340.746,69.379l-2.169,4.773 M454.451,278.23l5.079,0.574 M416.708,374.511
l4.057,2.996 M372.203,418.383l2.913,4.072 M403.453,390.635l3.685,3.367 M388.519,405.359l3.304,3.725 M335.881,439.049
l1.972,4.521 M454.736,236.503l5.125-0.498 M455.966,299.977l-4.917-1.086 M450.306,320.634l-4.796-1.6 M442.451,340.574
l-4.568-2.076 M456.625,214.78l-5.004,1.024 M66.593,192.657l-4.896-1.633 M52.473,232.854l5.117,0.578 M55.378,296.878l4.933-1.009
M52.142,275.652l5.087-0.494 M56.038,211.681l4.988,1.101 M195.8,65.57l-1.59-5.025 M216.002,60.337l-1.05-5.132 M176.246,72.896
l-2.095-4.806 M236.177,51.969l0.513,5.274 M91.237,134.151l4.219,3.115 M136.886,89.203l3.072,4.297 M69.551,171.084l4.692,2.133
M108.717,121.176l-3.852-3.521 M120.183,102.574l3.471,3.916 M296.068,451.648l0.98,4.805 M275.824,459.688l-0.48-4.938" />
<path d="M256.008,56.314l-2.52-5.14l5.12,0.04L256.008,56.314z M250.32,460.762l5.12,0.04l-2.52-5.141L250.32,460.762z
M361.9,80.655l-4.416-2.595l-0.388,5.712L361.9,80.655z M435.371,157.077l-2.526-4.454l-3.188,4.752L435.371,157.077z
M460.762,261.68l0.04-5.119l-5.14,2.521L460.762,261.68z M431.376,361.848l2.596-4.416l-5.711-0.387L431.376,361.848z
M354.869,435.4l4.454-2.524l-4.753-3.191L354.869,435.4z M157.278,76.512l-4.454,2.525l4.752,3.19L157.278,76.512z M80.775,149.899
l-2.594,4.414l5.711,0.387L80.775,149.899z M51.214,253.392l-0.04,5.12l5.14-2.52L51.214,253.392z M76.48,354.666l2.525,4.455
l3.192-4.754L76.48,354.666z M149.953,431.256l4.415,2.594l0.387-5.711L149.953,431.256z" />
<path d="M256,50.688c-113.391,0-205.312,91.92-205.312,205.312c0,113.391,91.921,205.313,205.312,205.313
c113.391,0,205.313-91.923,205.313-205.313C461.313,142.608,369.391,50.688,256,50.688z M256,461.056
C142.75,461.056,50.944,369.25,50.944,256C50.944,142.751,142.75,50.944,256,50.944c113.249,0,205.056,91.807,205.056,205.056
C461.056,369.25,369.249,461.056,256,461.056z" />
<path d="M256,56.32C145.719,56.32,56.32,145.719,56.32,256c0,110.279,89.399,199.68,199.68,199.68
c110.279,0,199.68-89.4,199.68-199.68C455.68,145.719,366.279,56.32,256,56.32z M256,455.424
c-110.139,0-199.424-89.283-199.424-199.424c0-110.138,89.285-199.424,199.424-199.424c110.14,0,199.424,89.286,199.424,199.424
C455.424,366.141,366.14,455.424,256,455.424z" />
<path d="M207.36,168.106v-8.651h1.032v7.742h4.376v0.909H207.36z M219.371,165.857l-1.069,2.249h-1.07l4.364-8.946h0.185
l4.352,8.946h-1.143l-1.069-2.249H219.371L219.371,165.857z M219.74,165.071h3.81l-1.904-4.006L219.74,165.071z M245.63,159.935
l-0.086,1.044c-0.188-0.139-0.34-0.246-0.455-0.319c-0.632-0.394-1.345-0.59-2.139-0.59c-1.025,0-1.861,0.344-2.509,1.032
c-0.647,0.688-0.971,1.582-0.971,2.679c0,1.089,0.328,1.979,0.983,2.672c0.655,0.692,1.5,1.039,2.532,1.039
c0.418,0,0.833-0.062,1.242-0.185c0.508-0.155,1.02-0.458,1.536-0.909l-0.086,1.315c-0.09,0.049-0.205,0.106-0.344,0.172
c-0.747,0.344-1.529,0.516-2.348,0.516c-1.361,0-2.458-0.424-3.294-1.272c-0.835-0.848-1.254-1.956-1.254-3.324
c0-1.36,0.419-2.474,1.254-3.342c0.835-0.868,1.909-1.303,3.221-1.303c0.41,0,0.824,0.049,1.241,0.147
C244.671,159.431,245.163,159.64,245.63,159.935z M251.863,168.106v-8.651h2.716c0.976,0,1.728,0.212,2.256,0.633
c0.526,0.422,0.793,1.022,0.793,1.8c0,1.262-0.746,2.085-2.238,2.47l3.295,3.748h-1.291l-3.086-3.539h-1.415v3.539H251.863z
M252.896,160.242v3.539h0.48c0.869,0,1.569-0.111,2.103-0.332c0.745-0.311,1.119-0.835,1.119-1.573
c0-0.664-0.263-1.126-0.787-1.389c-0.328-0.164-0.942-0.246-1.844-0.246L252.896,160.242L252.896,160.242z M263.188,163.781
c0-1.319,0.404-2.419,1.215-3.299c0.813-0.881,1.824-1.321,3.037-1.321c1.215,0,2.227,0.44,3.037,1.321
c0.813,0.88,1.217,1.98,1.217,3.299c0,1.319-0.404,2.418-1.217,3.299c-0.813,0.88-1.822,1.321-3.037,1.321
c-1.213,0-2.226-0.44-3.037-1.321C263.592,166.199,263.188,165.1,263.188,163.781z M264.219,163.781
c0,1.089,0.299,1.979,0.896,2.672c0.599,0.692,1.373,1.039,2.324,1.039s1.727-0.346,2.324-1.039c0.6-0.692,0.896-1.583,0.896-2.672
c0-1.09-0.298-1.98-0.896-2.673c-0.6-0.692-1.373-1.038-2.324-1.038s-1.728,0.346-2.324,1.038
C264.518,161.8,264.219,162.691,264.219,163.781z M281.959,159.75v1.131c-0.072-0.058-0.186-0.135-0.332-0.234
c-0.581-0.385-1.209-0.577-1.881-0.577c-1.074,0-1.609,0.426-1.609,1.278c0,0.401,0.131,0.721,0.396,0.958
c0.284,0.262,0.813,0.549,1.585,0.86c0.803,0.328,1.363,0.623,1.686,0.885c0.559,0.459,0.838,1.094,0.838,1.905
c0,0.754-0.268,1.35-0.796,1.788c-0.526,0.438-1.251,0.657-2.169,0.657c-0.885,0-1.732-0.233-2.545-0.7l-0.123-1.119
c0.887,0.606,1.771,0.91,2.668,0.91c0.58,0,1.051-0.142,1.4-0.424c0.354-0.283,0.527-0.662,0.527-1.137s-0.181-0.852-0.539-1.13
c-0.313-0.238-0.844-0.517-1.594-0.836c-0.748-0.319-1.289-0.61-1.615-0.873c-0.5-0.401-0.75-0.971-0.75-1.708
c0-0.688,0.236-1.23,0.713-1.628s1.123-0.596,1.941-0.596C280.447,159.16,281.18,159.357,281.959,159.75z M292.973,159.75v1.131
c-0.072-0.058-0.185-0.135-0.33-0.234c-0.582-0.385-1.209-0.577-1.881-0.577c-1.074,0-1.611,0.426-1.611,1.278
c0,0.401,0.133,0.721,0.396,0.958c0.286,0.262,0.813,0.549,1.586,0.86c0.803,0.328,1.363,0.623,1.686,0.885
c0.558,0.459,0.836,1.094,0.836,1.905c0,0.754-0.264,1.35-0.793,1.788s-1.252,0.657-2.17,0.657c-0.887,0-1.732-0.233-2.545-0.7
l-0.123-1.119c0.887,0.606,1.772,0.91,2.668,0.91c0.582,0,1.049-0.142,1.399-0.424c0.354-0.283,0.529-0.662,0.529-1.137
s-0.183-0.852-0.54-1.13c-0.313-0.238-0.844-0.517-1.594-0.836c-0.75-0.319-1.288-0.61-1.615-0.873
c-0.5-0.401-0.75-0.971-0.75-1.708c0-0.688,0.236-1.23,0.713-1.628s1.123-0.596,1.939-0.596
C291.463,159.16,292.195,159.357,292.973,159.75z M299.526,168.106v-8.651h5.063v0.91h-4.032v2.777h3.519v0.909h-3.519v3.146h4.08
v0.909H299.526L299.526,168.106z M207.36,172.805h6.94v0.833h-2.998v7.096h-0.943v-7.096h-3L207.36,172.805L207.36,172.805z
M217.546,180.736v-7.93h4.627v0.833h-3.685v2.546h3.211v0.833h-3.211v2.883h3.729v0.833h-4.671V180.736z M231.93,173.246
l-0.079,0.958c-0.172-0.128-0.312-0.226-0.416-0.293c-0.576-0.36-1.228-0.541-1.954-0.541c-0.937,0-1.699,0.315-2.291,0.946
c-0.592,0.631-0.887,1.45-0.887,2.456c0,1,0.299,1.815,0.898,2.451c0.598,0.635,1.369,0.952,2.312,0.952
c0.382,0,0.76-0.056,1.135-0.169c0.464-0.143,0.933-0.421,1.404-0.833l-0.079,1.205c-0.083,0.045-0.188,0.097-0.315,0.158
c-0.681,0.315-1.396,0.473-2.145,0.473c-1.243,0-2.246-0.389-3.009-1.167c-0.764-0.777-1.146-1.792-1.146-3.047
c0-1.246,0.382-2.267,1.146-3.063c0.764-0.797,1.745-1.194,2.942-1.194c0.375,0,0.752,0.045,1.134,0.135
C231.054,172.783,231.504,172.974,231.93,173.246z M235.882,180.736v-7.93h0.943v3.334h4.783v-3.334h0.943v7.93h-0.943v-3.762
h-4.783v3.762H235.882z M246.618,180.736v-8.2h0.203l5.772,6.409v-6.139h0.853v8.2h-0.203l-5.772-6.409v6.139H246.618z
M256.961,176.77c0-1.209,0.37-2.217,1.111-3.025c0.742-0.807,1.666-1.21,2.773-1.21s2.031,0.404,2.773,1.21
c0.738,0.808,1.109,1.815,1.109,3.025s-0.371,2.218-1.109,3.025c-0.742,0.808-1.666,1.211-2.773,1.211s-2.031-0.403-2.773-1.211
C257.331,178.988,256.961,177.979,256.961,176.77z M257.902,176.77c0,1,0.273,1.815,0.82,2.451c0.547,0.635,1.256,0.952,2.12,0.952
c0.869,0,1.577-0.317,2.124-0.952c0.547-0.635,0.818-1.451,0.818-2.451c0-0.999-0.271-1.814-0.818-2.45
c-0.547-0.635-1.256-0.952-2.124-0.952c-0.866,0-1.573,0.317-2.12,0.952C258.178,174.956,257.902,175.771,257.902,176.77z
M268.324,180.736v-7.93h0.943v7.096h3.998v0.833L268.324,180.736L268.324,180.736z M276.096,176.77c0-1.209,0.37-2.217,1.111-3.025
c0.741-0.807,1.666-1.21,2.773-1.21c1.106,0,2.033,0.404,2.772,1.21c0.741,0.808,1.111,1.815,1.111,3.025s-0.37,2.218-1.111,3.025
c-0.739,0.808-1.666,1.211-2.772,1.211c-1.107,0-2.032-0.403-2.773-1.211C276.466,178.988,276.096,177.979,276.096,176.77z
M277.039,176.77c0,1,0.273,1.815,0.82,2.451c0.545,0.635,1.254,0.952,2.121,0.952c0.869,0,1.576-0.317,2.123-0.952
c0.545-0.635,0.817-1.451,0.817-2.451c0-0.999-0.272-1.814-0.817-2.45c-0.547-0.635-1.256-0.952-2.123-0.952
s-1.576,0.317-2.121,0.952C277.313,174.956,277.039,175.771,277.039,176.77z M293.792,173.223l-0.065,0.992
c-0.066-0.045-0.203-0.128-0.406-0.248c-0.674-0.398-1.359-0.597-2.064-0.597c-0.979,0-1.791,0.331-2.431,0.991
c-0.642,0.662-0.962,1.502-0.962,2.523c0,0.984,0.303,1.777,0.902,2.383c0.604,0.604,1.398,0.907,2.387,0.907
c0.695,0,1.384-0.184,2.058-0.552v-2.017h-2.46v-0.833h3.402v3.436c-0.137,0.068-0.271,0.131-0.404,0.191
c-0.906,0.406-1.826,0.608-2.764,0.608c-1.242,0-2.229-0.374-2.965-1.121c-0.731-0.747-1.1-1.751-1.1-3.013
c0-1.262,0.398-2.3,1.195-3.115c0.796-0.815,1.816-1.222,3.059-1.222c0.405,0,0.816,0.048,1.23,0.146
C292.82,172.779,293.283,172.96,293.792,173.223z M301.159,180.736h-0.942v-3.447l-3.324-4.483h1.122l2.706,3.672l2.854-3.672h1.064
l-3.479,4.483L301.159,180.736L301.159,180.736z M304.64,169.933h-97.28v0.512h97.28V169.933z" />
<path d="M249.634,371.253c0.29-0.106,0.581-0.313,0.875-0.622l-0.05,0.898c-0.051,0.033-0.116,0.072-0.196,0.117
c-0.425,0.234-0.87,0.354-1.337,0.354c-0.774,0-1.4-0.289-1.876-0.869c-0.476-0.579-0.714-1.337-0.714-2.271
c0-0.93,0.238-1.689,0.714-2.283c0.476-0.596,1.087-0.893,1.834-0.893c0.233,0,0.469,0.033,0.707,0.103
c0.295,0.082,0.575,0.225,0.841,0.427l-0.049,0.714c-0.107-0.095-0.194-0.168-0.259-0.219c-0.36-0.269-0.766-0.401-1.218-0.401
c-0.583,0-1.06,0.233-1.428,0.705c-0.369,0.471-0.553,1.08-0.553,1.83c0,0.745,0.187,1.354,0.56,1.827s0.854,0.71,1.442,0.71
C249.165,371.379,249.401,371.337,249.634,371.253z M242.305,368.42c-0.439-0.213-0.739-0.406-0.903-0.588
c-0.149-0.162-0.224-0.381-0.224-0.655c0-0.581,0.306-0.872,0.917-0.872c0.383,0,0.739,0.131,1.071,0.396
c0.084,0.067,0.147,0.12,0.189,0.159v-0.772c-0.443-0.269-0.861-0.403-1.252-0.403c-0.467,0-0.835,0.135-1.106,0.406
s-0.406,0.643-0.406,1.113c0,0.504,0.142,0.895,0.427,1.168c0.186,0.179,0.493,0.378,0.92,0.596
c0.427,0.219,0.729,0.409,0.906,0.571c0.205,0.19,0.308,0.448,0.308,0.772c0,0.323-0.101,0.584-0.301,0.775
c-0.2,0.193-0.466,0.29-0.798,0.29c-0.508,0-1.015-0.207-1.519-0.622l0.07,0.766c0.462,0.319,0.945,0.479,1.449,0.479
c0.523,0,0.935-0.148,1.236-0.449c0.301-0.299,0.451-0.706,0.451-1.222c0-0.556-0.159-0.99-0.476-1.304
C243.082,368.848,242.763,368.646,242.305,368.42z M234.255,372h0.434l1.652-6.316h-0.434L234.255,372z M225.106,370.598
l-1.729-4.713h-0.637l2.282,6.115h0.105l2.429-6.115h-0.581L225.106,370.598z M220.969,368.42c-0.439-0.213-0.739-0.406-0.903-0.588
c-0.149-0.162-0.224-0.381-0.224-0.655c0-0.581,0.306-0.872,0.917-0.872c0.383,0,0.739,0.131,1.071,0.396
c0.084,0.067,0.147,0.12,0.189,0.159v-0.772c-0.443-0.269-0.861-0.403-1.252-0.403c-0.467,0-0.835,0.135-1.106,0.406
s-0.406,0.643-0.406,1.113c0,0.504,0.142,0.895,0.427,1.168c0.186,0.179,0.493,0.378,0.92,0.596
c0.427,0.219,0.729,0.409,0.906,0.571c0.205,0.19,0.308,0.448,0.308,0.772c0,0.323-0.101,0.584-0.301,0.775
c-0.2,0.193-0.466,0.29-0.798,0.29c-0.508,0-1.015-0.207-1.519-0.622l0.07,0.766c0.462,0.319,0.945,0.479,1.449,0.479
c0.523,0,0.935-0.148,1.236-0.449c0.301-0.299,0.451-0.706,0.451-1.222c0-0.556-0.159-0.99-0.476-1.304
C221.746,368.848,221.427,368.646,220.969,368.42z M230.236,369.462h1.533v1.503c-0.42,0.273-0.847,0.412-1.281,0.412
c-0.615,0-1.112-0.227-1.487-0.677s-0.563-1.042-0.563-1.776c0-0.762,0.2-1.389,0.599-1.882c0.399-0.492,0.904-0.737,1.515-0.737
c0.439,0,0.868,0.147,1.288,0.443c0.126,0.09,0.21,0.152,0.252,0.188l0.042-0.74c-0.318-0.195-0.606-0.33-0.865-0.403
c-0.26-0.071-0.515-0.108-0.767-0.108c-0.774,0-1.41,0.305-1.907,0.912c-0.497,0.606-0.746,1.381-0.746,2.321
c0,0.938,0.228,1.688,0.686,2.247c0.457,0.559,1.074,0.835,1.848,0.835c0.583,0,1.158-0.149,1.722-0.453
c0.084-0.045,0.168-0.093,0.252-0.144v-2.563h-2.121V369.462z M238.966,369.926c0,0.913-0.271,1.369-0.812,1.369
c-0.196,0-0.385-0.07-0.567-0.21l0.049,0.729c0.168,0.068,0.331,0.102,0.49,0.102c0.952,0,1.428-0.666,1.428-1.999v-4.032h-0.588
V369.926z M255.408,366.587c0.462,0.603,0.692,1.354,0.692,2.255c0,0.902-0.23,1.653-0.692,2.256
c-0.462,0.604-1.038,0.902-1.729,0.902c-0.69,0-1.267-0.301-1.729-0.902c-0.461-0.603-0.693-1.354-0.693-2.256
c0-0.9,0.231-1.652,0.693-2.255c0.462-0.603,1.038-0.903,1.729-0.903C254.37,365.684,254.947,365.984,255.408,366.587z
M255.513,368.842c0-0.744-0.17-1.354-0.511-1.826c-0.341-0.474-0.781-0.709-1.323-0.709c-0.541,0-0.982,0.235-1.322,0.709
c-0.341,0.473-0.512,1.082-0.512,1.826c0,0.745,0.171,1.354,0.512,1.827c0.34,0.474,0.781,0.71,1.322,0.71
c0.542,0,0.982-0.236,1.323-0.71S255.513,369.587,255.513,368.842z M281.365,365.885h-0.59v5.914h3.08v-0.622h-2.49V365.885z
M285.236,369.025h2.002v-0.62h-2.002v-1.898h2.295v-0.622h-2.883v5.914l2.912-0.002v-0.622h-2.324V369.025z M277.473,365.885
h-0.588v5.914h3.08v-0.622h-2.492V365.885z M292.803,368.842c0,0.896-0.252,1.613-0.756,2.15s-1.18,0.807-2.023,0.807h-1.463v-5.914
h1.463c0.846,0,1.521,0.27,2.023,0.807C292.551,367.23,292.803,367.948,292.803,368.842z M292.215,368.842
c0-0.705-0.207-1.271-0.619-1.695c-0.414-0.426-0.961-0.64-1.643-0.64h-0.805v4.67h0.805c0.682,0,1.229-0.212,1.643-0.638
C292.008,370.113,292.215,369.548,292.215,368.842z M269.037,369.236l1.877,2.563h-0.736l-1.756-2.419h-0.805v2.419h-0.59v-0.001
v-5.914h1.549c0.555,0,0.982,0.145,1.283,0.434s0.451,0.699,0.451,1.23C270.311,368.411,269.885,368.975,269.037,369.236z
M269.084,368.615c0.426-0.213,0.639-0.571,0.639-1.075c0-0.453-0.148-0.771-0.447-0.949c-0.188-0.112-0.537-0.168-1.051-0.168
h-0.607v2.419h0.271C268.383,368.842,268.783,368.768,269.084,368.615z M275.247,366.587c0.463,0.603,0.692,1.354,0.692,2.255
c0,0.902-0.229,1.653-0.692,2.256c-0.461,0.604-1.037,0.902-1.729,0.902c-0.69,0-1.268-0.301-1.729-0.902
c-0.463-0.603-0.693-1.354-0.693-2.256c0-0.9,0.23-1.652,0.693-2.255c0.461-0.603,1.037-0.903,1.729-0.903
C274.21,365.684,274.787,365.984,275.247,366.587z M275.352,368.842c0-0.744-0.17-1.354-0.512-1.826
c-0.34-0.474-0.781-0.709-1.322-0.709s-0.98,0.235-1.322,0.709c-0.342,0.473-0.512,1.082-0.512,1.826
c0,0.745,0.17,1.354,0.512,1.827s0.781,0.71,1.322,0.71s0.982-0.236,1.322-0.71C275.182,370.195,275.352,369.587,275.352,368.842z
M261.955,366.507h1.867v5.292h0.588v-5.292h1.869v-0.622h-4.324V366.507z M260.723,370.463l-3.6-4.779h-0.125v6.115h0.531v-4.578
l3.598,4.779h0.127v-6.115h-0.531V370.463z" />
<path d="M350.393,87.04v47.923c0,0.717,0.159,1.267,0.48,1.65c0.464,0.538,1.031,0.807,1.703,0.807h4.656v2.88h-17.279v-2.88h3.984
c0.832,0,1.445-0.313,1.848-0.941c0.398-0.626,0.601-1.465,0.601-2.515v-36.21c0-0.742-0.185-1.369-0.553-1.882
c-0.367-0.512-0.839-0.768-1.416-0.768h-5.327v-2.649c2.499-0.512,4.526-1.196,6.081-2.054c1.556-0.857,2.925-1.978,4.111-3.36
L350.393,87.04L350.393,87.04z" />
<path d="M403.909,194.33c-0.733,1.51,2.886,2.265,10.863,2.265c1.194,0,2.049-0.499,2.56-1.497s1.093-3.763,1.747-8.294h1.656
l-0.779,15.937h-21.493v-2.074l6.983-12.711c3.889-6.758,6.225-11.008,7.009-12.749c1.12-2.482,1.937-4.882,2.448-7.2
c0.512-2.316,0.768-4.422,0.768-6.316c0-3.148-0.543-5.625-1.632-7.43c-1.089-1.805-2.6-2.708-4.536-2.708
c-2.176,0-3.952,0.833-5.328,2.497s-2.063,3.43-2.063,5.299c0,0.64,0.104,1.127,0.313,1.459c0.192,0.333,0.608,0.627,1.248,0.883
c1.616,0.615,2.424,2.125,2.424,4.531c0,1.306-0.271,2.388-0.814,3.245c-0.543,0.858-1.239,1.286-2.088,1.286
c-0.978,0-1.832-0.723-2.567-2.17c-0.736-1.446-1.104-3.334-1.104-5.664c0-2.611,0.42-4.985,1.26-7.123
c0.84-2.137,2.106-3.891,3.804-5.261c1.696-1.369,3.521-2.054,5.473-2.054c1.938,0,3.732,0.666,5.391,1.997
c1.653,1.331,2.897,3.078,3.73,5.242c0.832,2.164,1.248,4.525,1.248,7.085c0,1.767-0.208,3.559-0.623,5.376
c-0.415,1.818-1.021,3.521-1.819,5.107c-1.374,2.74-2.788,5.082-4.242,7.028l-6.327,8.524
C405.813,190.988,404.646,192.819,403.909,194.33z" />
<path d="M437.641,254.214c2.287,0.896,4.072,2.38,5.354,4.454c1.633,2.637,2.449,5.902,2.449,9.793c0,4.403-0.979,7.936-2.93,10.6
c-2.225,3.07-5.12,4.607-8.688,4.607c-2.146,0-3.989-0.563-5.532-1.689c-1.543-1.125-2.7-2.648-3.468-4.568
c-0.771-1.921-1.152-4.082-1.152-6.49c0-1.941,0.296-3.479,0.889-4.605s1.338-1.688,2.231-1.688c0.816,0,1.473,0.429,1.968,1.286
c0.496,0.857,0.745,2.029,0.745,3.516c0,0.945-0.128,1.746-0.385,2.398c-0.256,0.654-0.704,1.262-1.344,1.824
c-0.688,0.588-1.032,1.15-1.032,1.688c0,0.77,0.243,1.633,0.729,2.592c0.489,0.961,1.209,1.729,2.16,2.305
c0.951,0.576,2.155,0.865,3.611,0.865c2.512,0,4.373-0.992,5.58-2.978c1.208-1.983,1.813-5.164,1.813-9.541
c0-4.582-0.517-7.84-1.549-9.772c-1.031-1.933-2.563-2.898-4.596-2.898c-0.543,0-1.226,0.103-2.039,0.307
c-0.656,0.154-1.129,0.23-1.416,0.23c-0.48,0-0.854-0.16-1.116-0.48c-0.265-0.32-0.396-0.723-0.396-1.209
c0-0.538,0.124-0.954,0.371-1.249c0.246-0.293,0.65-0.441,1.213-0.441l1.318,0.077l1.151,0.077c2.032,0,3.561-0.831,4.585-2.492
c1.023-1.661,1.536-4.229,1.536-7.705c0-4.267-0.489-7.302-1.465-9.104c-0.978-1.801-2.434-2.703-4.368-2.703
c-1.775,0-3.192,0.511-4.248,1.532c-1.056,1.022-1.584,1.966-1.584,2.834c0,0.562,0.305,1.315,0.912,2.26
c0.864,1.277,1.297,2.604,1.297,3.983c0,1.046-0.239,1.927-0.72,2.643c-0.481,0.716-1.098,1.072-1.851,1.072
c-0.8,0-1.452-0.487-1.956-1.459s-0.755-2.33-0.755-4.07c0-2.714,0.607-5.12,1.823-7.219c1.729-2.969,4.2-4.455,7.416-4.455
c3.009,0,5.407,1.293,7.199,3.878c1.792,2.586,2.688,5.786,2.688,9.6c0,2.74-0.482,5.108-1.452,7.104
C441.676,250.912,440.008,252.678,437.641,254.214z" />
<path d="M403.872,312.32h1.56v36.326h5.521v3.265h-5.521v8.18c0,0.718,0.178,1.293,0.528,1.729c0.512,0.589,1.104,0.882,1.775,0.882
h2.04v2.881h-13.32v-2.881h2.472c0.833,0,1.444-0.281,1.836-0.847c0.395-0.563,0.588-1.381,0.588-2.457v-7.487h-13.582v-3.681
L403.872,312.32z M401.352,322.666l-11.592,25.979h11.592V322.666z" />
<path d="M330.336,373.76c4.048,1.484,7.354,2.229,9.913,2.229c1.199,0,2.327-0.188,3.384-0.56c1.058-0.369,1.851-0.799,2.376-1.285
c0.272-0.229,0.448-0.347,0.528-0.347c0.159,0,0.239,0.192,0.239,0.577c0,0.896-0.36,2.079-1.08,3.553
c-0.722,1.471-1.7,2.644-2.94,3.514c-1.239,0.871-2.667,1.307-4.285,1.307c-1.872,0-4.104-0.461-6.693-1.383l-0.783,14.67
c1.216-0.975,2.375-1.703,3.478-2.188c1.104-0.488,2.151-0.73,3.144-0.73c3.136,0,5.77,1.664,7.904,4.992
c2.136,3.328,3.201,7.437,3.201,12.326c0,5.428-1.135,9.894-3.405,13.4c-2.272,3.507-5.219,5.26-8.832,5.26
c-2.771,0-5.021-1.26-6.759-3.779c-1.734-2.522-2.604-5.523-2.604-9.006c0-2.101,0.276-3.72,0.828-4.856
c0.552-1.14,1.26-1.71,2.124-1.71c0.848,0,1.54,0.455,2.075,1.363c0.534,0.91,0.804,2.093,0.804,3.553
c0,1.102-0.132,1.958-0.396,2.572c-0.265,0.615-0.748,1.129-1.45,1.535c-0.705,0.438-1.058,0.938-1.058,1.498
c0,0.819,0.239,1.724,0.72,2.708s1.204,1.792,2.174,2.417c0.968,0.629,2.073,0.942,3.321,0.942c2.449,0,4.316-1.217,5.604-3.648
c1.288-2.433,1.933-6.388,1.933-11.864c0-4.992-0.68-8.641-2.04-10.944c-1.357-2.304-3.096-3.456-5.208-3.456
c-0.96,0-1.92,0.281-2.881,0.844c-0.96,0.564-1.92,1.409-2.88,2.535c-0.111,1.792-0.313,2.989-0.601,3.592
c-0.287,0.603-0.656,0.902-1.104,0.902c-0.32,0-0.576-0.18-0.768-0.538c-0.193-0.358-0.288-0.856-0.288-1.497
c0-1.127,0.327-2.24,0.982-3.342c0.192-0.332,0.327-0.627,0.407-0.883l0.559-11.288C330.202,382.285,330.32,377.959,330.336,373.76z" />
<path d="M249.58,419.174c1.248-2.662,2.56-4.568,3.936-5.721c1.376-1.153,2.888-1.729,4.537-1.729c2.656,0,4.885,1.438,6.684,4.318
c1.801,2.881,2.699,6.522,2.699,10.925c0,5.3-1.063,9.703-3.189,13.21s-4.762,5.263-7.896,5.263c-2.208,0-4.176-0.94-5.904-2.822
c-1.729-1.883-3.14-4.82-4.236-8.813c-1.097-3.993-1.644-8.651-1.644-13.978c0-5.761,0.672-10.981,2.016-15.668
c1.345-4.685,3.06-8.197,5.148-10.539c2.088-2.345,4.268-3.517,6.542-3.517c2.336,0,4.318,1.024,5.953,3.071
c1.357,1.664,2.037,3.661,2.037,5.99c0,1.563-0.299,2.842-0.898,3.841c-0.602,0.998-1.332,1.498-2.195,1.498
c-0.8,0-1.484-0.422-2.053-1.27c-0.568-0.844-0.854-1.842-0.854-2.993c0-0.769,0.192-1.64,0.576-2.611
c0.354-0.896,0.529-1.603,0.529-2.112c0-0.716-0.219-1.306-0.648-1.767c-0.574-0.589-1.367-0.884-2.376-0.884
c-1.552,0-2.967,0.781-4.248,2.343c-1.28,1.563-2.364,4.243-3.252,8.045c-0.888,3.802-1.333,8.07-1.333,12.808
C249.508,416.756,249.532,417.792,249.58,419.174z M256.732,415.488c-2,0-3.637,1.158-4.908,3.477
c-1.272,2.316-1.908,5.573-1.908,9.771c0,4.557,0.616,8.04,1.848,10.443c1.232,2.407,2.8,3.608,4.704,3.608
c1.89,0,3.408-1.138,4.562-3.417c1.15-2.278,1.729-5.685,1.729-10.216c0-4.813-0.532-8.296-1.597-10.444
C260.098,416.564,258.621,415.488,256.732,415.488z" />
<path d="M164.936,373.779c1.568,0.641,3.265,0.961,5.088,0.961h14.928v1.768c-2.192,6.17-3.832,11.385-4.92,15.646
c-1.089,4.263-1.912,8.34-2.472,12.229c-0.56,3.895-0.928,8.426-1.104,13.596c-0.16,4.273-0.312,6.916-0.456,7.929
c-0.145,1.012-0.436,1.793-0.875,2.343s-1.012,0.825-1.716,0.825c-0.8,0-1.424-0.437-1.872-1.307
c-0.448-0.867-0.672-2.238-0.672-4.107c0-1.663,0.184-3.743,0.552-6.239c0.368-2.497,1.208-6.229,2.52-11.195
c1.744-6.654,3.256-11.891,4.537-15.705l3.312-9.752h-13.009c-0.961,0-1.676,0.537-2.148,1.611
c-0.472,1.076-1.037,4.289-1.692,9.639h-1.729L164.936,373.779z" />
<path d="M116.804,335.41c2.56,1.477,4.408,3.412,5.544,5.807c1.135,2.395,1.704,5.279,1.704,8.66c0,4.121-0.824,7.717-2.472,10.789
c-2.128,3.969-5.16,5.953-9.096,5.953c-3.473,0-6.216-1.338-8.232-4.014c-2.016-2.672-3.024-6.008-3.024-10.002
c0-2.994,0.58-5.609,1.74-7.852c1.16-2.238,3.164-4.141,6.012-5.7c-4.208-2.896-6.312-7.364-6.312-13.407
c0-3.916,0.948-7.289,2.843-10.119c1.896-2.828,4.3-4.242,7.212-4.242c2,0,3.739,0.551,5.22,1.65
c1.48,1.102,2.608,2.601,3.384,4.496c0.776,1.896,1.164,3.879,1.164,5.951C122.492,328.2,120.597,332.208,116.804,335.41z
M110.78,340.125c-2.272,1.537-3.848,3.266-4.728,5.186c-0.88,1.92-1.32,4.273-1.32,7.063c0,3.634,0.667,6.456,2.004,8.466
c1.336,2.008,3.26,3.014,5.772,3.014c2.656,0,4.72-1.006,6.192-3.016c1.472-2.009,2.208-4.665,2.208-7.967
c0-2.995-0.636-5.262-1.908-6.797C117.729,344.538,114.988,342.557,110.78,340.125z M114.956,334.412
c1.681-1.536,2.808-3.055,3.385-4.553c0.576-1.5,0.864-3.465,0.864-5.897c0-3.202-0.568-5.674-1.704-7.416
c-1.136-1.741-2.784-2.612-4.944-2.612c-2.096,0-3.729,0.813-4.896,2.44c-1.168,1.627-1.752,3.748-1.752,6.36
c0,2.59,0.507,4.65,1.522,6.188C108.444,330.46,110.954,332.29,114.956,334.412z" />
<path d="M84.368,255.021c-1.04,2.508-2.256,4.397-3.648,5.665c-1.392,1.268-2.952,1.9-4.68,1.9c-2.4,0-4.58-1.346-6.54-4.033
c-1.96-2.687-2.94-6.643-2.94-11.865c0-5.095,1.084-9.427,3.252-12.999c2.168-3.571,4.757-5.356,7.764-5.356
c3.312,0,6.072,2.202,8.28,6.605s3.312,10.586,3.312,18.547c0,6.605-0.612,12.179-1.836,16.723s-2.844,7.924-4.86,10.138
c-2.017,2.215-4.289,3.32-6.816,3.32c-2.448,0-4.364-0.863-5.748-2.592c-1.384-1.727-2.076-3.795-2.076-6.201
c0-1.588,0.285-2.867,0.855-3.84c0.571-0.973,1.29-1.46,2.156-1.46c0.789,0,1.454,0.423,2.001,1.268
c0.546,0.845,0.819,1.856,0.819,3.033c0,0.845-0.253,1.78-0.759,2.804c-0.31,0.639-0.465,1.189-0.465,1.65
c0,0.716,0.264,1.338,0.792,1.861s1.376,0.787,2.543,0.787c1.664,0,3.128-0.734,4.392-2.207s2.288-3.893,3.072-7.259
c0.785-3.364,1.176-7.726,1.176-13.075L84.368,255.021z M77.648,231.097c-1.792,0-3.265,1.197-4.417,3.59
c-1.152,2.394-1.729,5.997-1.729,10.81c0,4.403,0.577,7.686,1.729,9.85c1.152,2.163,2.656,3.245,4.512,3.245
c1.84,0,3.388-1.164,4.644-3.495c1.257-2.329,1.884-5.593,1.884-9.792c0-4.352-0.652-7.808-1.956-10.368
C81.012,232.378,79.456,231.097,77.648,231.097z" />
<path d="M108.063,148.941v47.923c0,0.717,0.16,1.267,0.48,1.65c0.464,0.538,1.032,0.807,1.704,0.807h4.656v2.88H97.622v-2.88h3.984
c0.833,0,1.448-0.313,1.848-0.941c0.4-0.626,0.6-1.465,0.6-2.515v-36.211c0-0.742-0.184-1.369-0.552-1.882
c-0.368-0.512-0.84-0.768-1.417-0.768h-5.328v-2.649c2.5-0.512,4.527-1.196,6.082-2.054c1.556-0.857,2.924-1.978,4.111-3.36H108.063
L108.063,148.941z M131.338,147.942c3.12,0,5.72,1.946,7.8,5.837c2.576,4.787,3.864,12.045,3.864,21.773
c0,9.037-1.121,15.916-3.36,20.64c-2.241,4.723-4.944,7.084-8.112,7.084c-3.056,0-5.608-1.983-7.656-5.953
c-2.56-4.992-3.84-12.198-3.84-21.619c0-8.96,1.208-16.089,3.624-21.389C125.594,150.067,128.154,147.942,131.338,147.942z
M131.482,150.707c-2.113,0-3.76,1.62-4.944,4.858c-1.184,3.239-1.776,9.953-1.776,20.141c0,9.959,0.612,16.602,1.836,19.929
c1.224,3.328,2.868,4.992,4.932,4.992c2.08,0,3.68-1.536,4.801-4.608c1.328-3.661,1.992-10.342,1.992-20.044
c0-10.035-0.624-16.755-1.872-20.161C135.203,152.41,133.545,150.707,131.482,150.707z" />
<path d="M171.782,87.04v47.923c0,0.717,0.16,1.267,0.48,1.65c0.464,0.538,1.032,0.807,1.704,0.807h4.656v2.88h-17.28v-2.88h3.984
c0.833,0,1.448-0.313,1.849-0.941c0.4-0.626,0.6-1.465,0.6-2.515v-36.21c0-0.742-0.185-1.369-0.552-1.882
c-0.368-0.512-0.839-0.768-1.416-0.768h-5.328v-2.649c2.5-0.512,4.527-1.196,6.082-2.054c1.556-0.857,2.925-1.978,4.111-3.36
L171.782,87.04L171.782,87.04z M195.322,87.04v47.923c0,0.717,0.16,1.267,0.48,1.65c0.464,0.538,1.032,0.807,1.704,0.807h4.656v2.88
h-17.28v-2.88h3.984c0.833,0,1.448-0.313,1.848-0.941c0.4-0.626,0.6-1.465,0.6-2.515v-36.21c0-0.742-0.184-1.369-0.552-1.882
c-0.368-0.512-0.84-0.768-1.416-0.768h-5.328v-2.649c2.5-0.512,4.526-1.196,6.082-2.054c1.555-0.857,2.923-1.978,4.11-3.36
L195.322,87.04L195.322,87.04z" />
<path d="M246.59,67.559v47.923c0,0.717,0.16,1.267,0.48,1.651c0.464,0.538,1.032,0.807,1.704,0.807h4.656v2.88h-17.28v-2.88h3.984
c0.833,0,1.448-0.313,1.849-0.941c0.4-0.626,0.6-1.465,0.6-2.515V78.272c0-0.742-0.185-1.369-0.552-1.882
c-0.368-0.512-0.839-0.768-1.416-0.768h-5.328v-2.649c2.5-0.512,4.528-1.196,6.082-2.054c1.556-0.857,2.925-1.977,4.112-3.359
L246.59,67.559L246.59,67.559z" />
<path d="M264.889,112.41c-0.734,1.51,2.885,2.265,10.861,2.265c1.195,0,2.05-0.499,2.561-1.497c0.51-0.999,1.094-3.763,1.748-8.294
h1.655l-0.78,15.937h-21.492v-2.074l6.984-12.711c3.889-6.758,6.225-11.008,7.008-12.749c1.121-2.482,1.938-4.883,2.448-7.2
c0.513-2.316,0.769-4.422,0.769-6.316c0-3.148-0.543-5.626-1.633-7.43c-1.088-1.804-2.6-2.708-4.535-2.708
c-2.176,0-3.949,0.833-5.326,2.497s-2.064,3.431-2.064,5.299c0,0.64,0.105,1.127,0.313,1.459c0.193,0.333,0.607,0.628,1.248,0.884
c1.615,0.614,2.425,2.125,2.425,4.531c0,1.306-0.271,2.388-0.816,3.245c-0.543,0.858-1.237,1.286-2.088,1.286
c-0.976,0-1.832-0.723-2.565-2.17c-0.736-1.446-1.104-3.334-1.104-5.664c0-2.611,0.42-4.985,1.261-7.123
c0.84-2.137,2.107-3.891,3.805-5.261c1.695-1.369,3.521-2.054,5.473-2.054c1.938,0,3.732,0.666,5.391,1.997
c1.653,1.332,2.897,3.078,3.73,5.242c0.833,2.164,1.248,4.525,1.248,7.085c0,1.767-0.208,3.559-0.624,5.376
c-0.415,1.817-1.021,3.521-1.82,5.106c-1.375,2.74-2.789,5.083-4.241,7.028l-6.328,8.525
C266.79,109.068,265.623,110.899,264.889,112.41z" />
<g id="Hour">
<use xlink:href="#p1">
<animateTransform attributeName="transform" type="rotate" dur="43200s" values="0, 256, 256; 360, 256, 256" repeatCount="indefinite" />
</use>
</g>
<g id="HourShadow">
<use filter="url(#f5)" opacity="0.5" x="-1" y="1" xlink:href="#p1">
<animateTransform attributeName="transform" type="rotate" dur="43200s" values="0, 255, 257; 360, 255, 257" repeatCount="indefinite" />
</use>
</g>
<g id="Minute">
<use xlink:href="#p2">
<animateTransform attributeName="transform" type="rotate" dur="3600s" values="0, 256, 256; 360, 256, 256" repeatCount="indefinite" />
</use>
</g>
<g id="MinuteShadow">
<use filter="url(#f5)" opacity="0.5" x="-2" y="2" xlink:href="#p2">
<animateTransform attributeName="transform" type="rotate" dur="3600s" values="0, 254, 258; 360, 254, 258" repeatCount="indefinite" />
</use>
</g>
<g id="Second">
<use xlink:href="#p3">
<animateTransform attributeName="transform" type="rotate" dur="60s" values="0, 256, 256; 360, 256, 256" repeatCount="indefinite" />
</use>
</g>
<g id="SecondShadow">
<use filter="url(#f5)" opacity="0.5" x="-3" y="3" xlink:href="#p3">
<animateTransform attributeName="transform" type="rotate" dur="60s" values="0, 253, 259; 360, 253, 259" repeatCount="indefinite" />
</use>
</g>
<circle fill="url(#f7)" filter="url(#f6)" cx="256" cy="256" r="7.5" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

36
contact.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="../" title="Job Bautista's personal website">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Contact</h1>
<p>You can contact me by these emails:</p>
<ul>
<li><a href="mailto:jobbautista9@protonmail.com">jobbautista9@protonmail.com</a> (For personal, website, git, and Devuan matters)</li>
<li><a href="mailto:pandakekok@tutanota.de">pandakekok@tutanota.de</a> (For YouTube and wiki matters)</li>
<li><a href="mailto:temtem@protonmail.ch">temtem@protonmail.ch</a> (If you have problems with "temtemy")</li>
<li><a href="mailto:jobbautista9@aol.com">jobbautista9@aol.com</a> (For Pale Moon and UXP matters)</li>
</ul>
<p>All hate mail goes to /dev/null.</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

BIN
cssvalidated.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

151
cssvalidated.svg Normal file
View File

@ -0,0 +1,151 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg viewBox="0 0 88 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="a" d="M0 30h83v1H0z"/>
<clipPath id="n">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#a"/>
</clipPath>
<clipPath id="o">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#b"/>
</clipPath>
<clipPath id="p">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#c"/>
</clipPath>
<clipPath id="q">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#d"/>
</clipPath>
<clipPath id="r">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#e"/>
</clipPath>
<clipPath id="s">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#f"/>
</clipPath>
<clipPath id="t">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#g"/>
</clipPath>
<clipPath id="u">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#h"/>
</clipPath>
<clipPath id="v">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#i"/>
</clipPath>
<clipPath id="w">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#j"/>
</clipPath>
<clipPath id="x">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#k"/>
</clipPath>
<clipPath id="y">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#l"/>
</clipPath>
<clipPath id="z">
<use image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" xlink:href="#m"/>
</clipPath>
<path id="b" d="m82 0h1v31h-1z"/>
<path id="c" d="M0 30h83v1H0z"/>
<path id="d" d="m2.16 29.01h80v1h-80z"/>
<path id="e" d="M0 30h83v1H0z"/>
<path id="f" d="m82 0h1v31h-1z"/>
<path id="g" d="M0 30h83v1H0z"/>
<path id="h" d="m80.81 1h1v30h-1z"/>
<path id="i" d="M0 30h83v1H0z"/>
<path id="j" d="m2.16 29.01h80v1h-80z"/>
<path id="k" d="M0 30h83v1H0z"/>
<path id="l" d="m82 0h1v31h-1z"/>
<path id="m" d="M0 30h83v1H0z"/>
</defs>
<g image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#fc6"/>
<path d="M.37 0h36.44v31H.37z" fill="#fff"/>
<path d="M4.69 2.29H44.7V26.9H4.69z" fill="none"/>
<use fill="#504d4c" xlink:href="#a"/>
<g clip-path="url(#n)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#4e4b3f"/>
<path d="M.37 0h36.44v31H.37z" fill="#4f4f4f"/>
</g>
<use fill="#504d4c" xlink:href="#b"/>
<g clip-path="url(#o)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#4e4b3f"/>
<use fill="#191919" xlink:href="#c"/>
<g clip-path="url(#p)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#191917"/>
<path d="M.37 0h36.44v31H.37z" fill="#191919"/>
</g>
</g>
<path d="M0 0h1v31H0z" fill="#ccc"/>
<use fill="#9e9c9c" xlink:href="#d"/>
<g clip-path="url(#q)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#b39f67"/>
<path d="M.37 0h36.44v31H.37z" fill="#b5b5b5"/>
<use fill="#383838" xlink:href="#e"/>
<g clip-path="url(#r)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#383530"/>
<path d="M.37 0h36.44v31H.37z" fill="#383838"/>
</g>
<use fill="#383838" xlink:href="#f"/>
<g clip-path="url(#s)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#383530"/>
<use fill="#131313" xlink:href="#g"/>
<g clip-path="url(#t)">
<path d="M0 0h88v31H0z" fill="none"/>
<g fill="#131313">
<path d="M0 0h83v31H0z"/>
<path d="M.37 0h36.44v31H.37z"/>
</g>
</g>
</g>
</g>
<use fill="#9e9c9c" xlink:href="#h"/>
<g clip-path="url(#u)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#b39f67"/>
<use fill="#383838" xlink:href="#i"/>
<g clip-path="url(#v)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#383530"/>
<path d="M.37 0h36.44v31H.37z" fill="#383838"/>
</g>
<use fill="#818181" xlink:href="#j"/>
<g clip-path="url(#w)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#807659"/>
<path d="M.37 0h36.44v31H.37z" fill="#818181"/>
<use fill="#272727" xlink:href="#k"/>
<g clip-path="url(#x)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#272623"/>
<path d="M.37 0h36.44v31H.37z" fill="#272727"/>
</g>
<use fill="#272727" xlink:href="#l"/>
<g clip-path="url(#y)">
<path d="M0 0h88v31H0z" fill="none"/>
<path d="M0 0h83v31H0z" fill="#272623"/>
<use fill="#101010" xlink:href="#m"/>
<g clip-path="url(#z)">
<path d="M0 0h88v31H0z" fill="none"/>
<g fill="#101010">
<path d="M0 0h83v31H0z"/>
<path d="M.37 0h36.44v31H.37z"/>
</g>
</g>
</g>
</g>
</g>
<path d="M0 0h83v1H0z" fill="#ccc"/>
<path d="M68.27 18.85l6.02 5.5L86 12.64" clip-rule="evenodd" fill="none" stroke="#900" stroke-miterlimit="3.86" stroke-width="4.81"/>
<path d="M45.77 18.32c-.35.18-.71.31-1.08.41-.38.09-.77.14-1.17.14-1.21 0-2.18-.34-2.89-1.02s-1.06-1.6-1.06-2.76.35-2.09 1.06-2.76c.71-.68 1.67-1.02 2.89-1.02.41 0 .8.05 1.17.14s.73.23 1.08.41v1.51c-.35-.24-.69-.41-1.03-.52s-.7-.17-1.07-.17c-.67 0-1.2.22-1.58.65s-.58 1.02-.58 1.78c0 .75.19 1.34.58 1.77.38.43.91.65 1.58.65.37 0 .73-.06 1.07-.17s.68-.28 1.03-.52v1.51zm6.73-6.66v1.54c-.4-.18-.79-.31-1.17-.41a4.71 4.71 0 0 0-1.08-.14c-.45 0-.78.06-1 .19s-.32.32-.32.58c0 .2.07.35.21.46.15.11.41.2.79.28l.8.16c.81.16 1.39.41 1.73.74s.51.8.51 1.42c0 .8-.24 1.4-.72 1.8-.48.39-1.2.59-2.18.59-.46 0-.93-.04-1.39-.13s-.93-.22-1.4-.39v-1.59c.47.25.92.44 1.35.56.44.12.86.19 1.26.19.41 0 .72-.07.94-.21s.33-.33.33-.59c0-.23-.08-.4-.23-.53-.15-.12-.44-.23-.88-.33l-.73-.16c-.73-.16-1.26-.41-1.6-.75s-.5-.8-.5-1.38c0-.73.23-1.28.7-1.68s1.14-.59 2.02-.59c.4 0 .81.03 1.24.09.42.06.86.15 1.31.27zm7.31 0v1.54c-.4-.18-.79-.31-1.17-.41s-.74-.14-1.08-.14c-.45 0-.78.06-1 .19s-.32.32-.32.58c0 .2.07.35.22.46s.41.2.79.28l.8.16c.81.16 1.39.41 1.73.74s.51.8.51 1.42c0 .8-.24 1.4-.72 1.8-.48.39-1.2.59-2.18.59-.46 0-.93-.04-1.39-.13s-.93-.22-1.4-.39v-1.59c.47.25.92.44 1.35.56.44.12.86.19 1.26.19.41 0 .72-.07.94-.21s.33-.33.33-.59c0-.23-.08-.4-.23-.53-.15-.12-.44-.23-.88-.33l-.73-.16c-.73-.16-1.26-.41-1.6-.75s-.5-.8-.5-1.38c0-.73.23-1.28.7-1.68s1.14-.59 2.02-.59c.4 0 .81.03 1.24.09s.86.15 1.32.27z" clip-rule="evenodd" fill-rule="evenodd"/>
<path d="M33.08 7.04l.33 2.03-1.19 2.27s-.46-.96-1.21-1.49c-.64-.45-1.05-.55-1.7-.41-.83.17-1.78 1.17-2.19 2.4-.49 1.47-.5 2.18-.52 2.83-.03 1.05.14 1.66.14 1.67s-.72-1.33-.71-3.28c.01-1.39.22-2.65.87-3.9.57-1.1 1.41-1.75 2.15-1.83.77-.08 1.38.29 1.85.7.5.42 1 1.35 1 1.35l1.17-2.33zm.14 11.51s-.52.94-.85 1.3-.91 1-1.63 1.31c-.72.32-1.1.38-1.81.31s-1.37-.48-1.61-.65c-.23-.17-.82-.68-1.16-1.15s-.86-1.42-.86-1.42.29.95.47 1.35c.11.23.43.94.89 1.55.43.57 1.26 1.56 2.52 1.79s2.13-.34 2.34-.48.67-.52.95-.82c.3-.32.58-.73.74-.97.11-.18.3-.54.3-.54l-.3-1.57z"/>
<g fill="#005a9c">
<path d="M11.44 7.13l2.85 9.7 2.85-9.7h2.07l-4.72 15.93h-.2l-2.95-9.88-2.95 9.88h-.2L3.47 7.13h2.07l2.85 9.7 1.93-6.53-.94-3.17h2.07z"/>
<path d="M25.07 17.95c0 1.44-.38 2.66-1.15 3.64s-1.76 1.48-2.98 1.48c-.92 0-1.72-.29-2.4-.88s-1.19-1.37-1.52-2.37l1.61-.67c.24.6.55 1.08.94 1.43s.84.52 1.37.52c.55 0 1.02-.31 1.4-.92s.57-1.36.57-2.22c0-.96-.2-1.7-.61-2.22-.47-.62-1.21-.93-2.22-.93h-.79v-.94l2.75-4.76h-3.33l-.93 1.57h-.59V7.14h7.67v.96l-2.91 5.02c1.02.33 1.8.93 2.32 1.79.52.87.79 1.88.79 3.05z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
cssvalidated2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

365
cssvalidated2.svg Normal file
View File

@ -0,0 +1,365 @@
<?xml version='1.0' encoding='iso-8859-1'?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1' overflow='visible' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 88 31'>
<g shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality'>
<g shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality'>
<g id='Background'>
</g>
<g id='Guides'>
</g>
<g id='Foreground'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#B3CEE1'/>
<path d='M41.5,15.5' fill='#B3CEE1'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#FFFFFF'/>
<path d='M18.587,15.5' fill='#FFFFFF'/>
</g>
<g>
<polygon points='4.692,2.291 44.697,2.291 44.697,26.897 4.692,26.897 4.692,2.291 ' fill='none'/>
<path d='M24.695,14.594' fill='none'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_640_'/>
</defs>
<use xlink:href='#XMLID_640_' fill='#504D4C'/>
<clipPath id='XMLID_666_'>
<use xlink:href='#XMLID_640_'/>
</clipPath>
<g clip-path='url(#XMLID_666_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#48494B'/>
<path d='M41.5,15.5' fill='#48494B'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#4F4F4F'/>
<path d='M18.587,15.5' fill='#4F4F4F'/>
</g>
</g>
</g>
</g>
<g>
<g>
<defs>
<polygon points='82,0 83,0 83,31 82,31 82,0 ' id='XMLID_642_'/>
</defs>
<use xlink:href='#XMLID_642_' fill='#504D4C'/>
<clipPath id='XMLID_667_'>
<use xlink:href='#XMLID_642_'/>
</clipPath>
<g clip-path='url(#XMLID_667_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#48494B'/>
<path d='M41.5,15.5' fill='#48494B'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_644_'/>
</defs>
<use xlink:href='#XMLID_644_' fill='#191919'/>
<clipPath id='XMLID_668_'>
<use xlink:href='#XMLID_644_'/>
</clipPath>
<g clip-path='url(#XMLID_668_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#181818'/>
<path d='M41.5,15.5' fill='#181818'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#191919'/>
<path d='M18.587,15.5' fill='#191919'/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g>
<polygon points='0,0 1,0 1,31 0,31 0,0 ' fill='#CCCCCC'/>
<path d='M0.5,15.5' fill='#CCCCCC'/>
</g>
<g>
<g>
<defs>
<polygon points='2.16,29.005 82.16,29.005 82.16,30.005 2.16,30.005 2.16,29.005 ' id='XMLID_646_'/>
</defs>
<use xlink:href='#XMLID_646_' fill='#9E9C9C'/>
<clipPath id='XMLID_669_'>
<use xlink:href='#XMLID_646_'/>
</clipPath>
<g clip-path='url(#XMLID_669_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#9097A0'/>
<path d='M41.5,15.5' fill='#9097A0'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#B5B5B5'/>
<path d='M18.587,15.5' fill='#B5B5B5'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_648_'/>
</defs>
<use xlink:href='#XMLID_648_' fill='#383838'/>
<clipPath id='XMLID_670_'>
<use xlink:href='#XMLID_648_'/>
</clipPath>
<g clip-path='url(#XMLID_670_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#343536'/>
<path d='M41.5,15.5' fill='#343536'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#383838'/>
<path d='M18.587,15.5' fill='#383838'/>
</g>
</g>
</g>
</g>
<g>
<g>
<defs>
<polygon points='82,0 83,0 83,31 82,31 82,0 ' id='XMLID_650_'/>
</defs>
<use xlink:href='#XMLID_650_' fill='#383838'/>
<clipPath id='XMLID_671_'>
<use xlink:href='#XMLID_650_'/>
</clipPath>
<g clip-path='url(#XMLID_671_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#343536'/>
<path d='M41.5,15.5' fill='#343536'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_652_'/>
</defs>
<use xlink:href='#XMLID_652_' fill='#131313'/>
<clipPath id='XMLID_672_'>
<use xlink:href='#XMLID_652_'/>
</clipPath>
<g clip-path='url(#XMLID_672_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#131313'/>
<path d='M41.5,15.5' fill='#131313'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#131313'/>
<path d='M18.587,15.5' fill='#131313'/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g>
<g>
<defs>
<polygon points='80.806,1 81.806,1 81.806,31 80.806,31 80.806,1 ' id='XMLID_654_'/>
</defs>
<use xlink:href='#XMLID_654_' fill='#9E9C9C'/>
<clipPath id='XMLID_673_'>
<use xlink:href='#XMLID_654_'/>
</clipPath>
<g clip-path='url(#XMLID_673_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#9097A0'/>
<path d='M41.5,15.5' fill='#9097A0'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_656_'/>
</defs>
<use xlink:href='#XMLID_656_' fill='#383838'/>
<clipPath id='XMLID_674_'>
<use xlink:href='#XMLID_656_'/>
</clipPath>
<g clip-path='url(#XMLID_674_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#343536'/>
<path d='M41.5,15.5' fill='#343536'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#383838'/>
<path d='M18.587,15.5' fill='#383838'/>
</g>
</g>
</g>
</g>
<g>
<g>
<defs>
<polygon points='2.16,29.005 82.16,29.005 82.16,30.005 2.16,30.005 2.16,29.005 ' id='XMLID_658_'/>
</defs>
<use xlink:href='#XMLID_658_' fill='#818181'/>
<clipPath id='XMLID_675_'>
<use xlink:href='#XMLID_658_'/>
</clipPath>
<g clip-path='url(#XMLID_675_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#6E7176'/>
<path d='M41.5,15.5' fill='#6E7176'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#818181'/>
<path d='M18.587,15.5' fill='#818181'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_660_'/>
</defs>
<use xlink:href='#XMLID_660_' fill='#272727'/>
<clipPath id='XMLID_676_'>
<use xlink:href='#XMLID_660_'/>
</clipPath>
<g clip-path='url(#XMLID_676_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#252626'/>
<path d='M41.5,15.5' fill='#252626'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#272727'/>
<path d='M18.587,15.5' fill='#272727'/>
</g>
</g>
</g>
</g>
<g>
<g>
<defs>
<polygon points='82,0 83,0 83,31 82,31 82,0 ' id='XMLID_662_'/>
</defs>
<use xlink:href='#XMLID_662_' fill='#272727'/>
<clipPath id='XMLID_677_'>
<use xlink:href='#XMLID_662_'/>
</clipPath>
<g clip-path='url(#XMLID_677_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#252626'/>
<path d='M41.5,15.5' fill='#252626'/>
</g>
<g>
<g>
<defs>
<polygon points='0,30 83,30 83,31 0,31 0,30 ' id='XMLID_664_'/>
</defs>
<use xlink:href='#XMLID_664_' fill='#101010'/>
<clipPath id='XMLID_678_'>
<use xlink:href='#XMLID_664_'/>
</clipPath>
<g clip-path='url(#XMLID_678_)'>
<g>
<polygon points='0,0 88,0 88,31 0,31 0,0 ' fill='none'/>
<path d='M44,15.5' fill='none'/>
</g>
<g>
<polygon points='0,0 83,0 83,31 0,31 0,0 ' fill='#101010'/>
<path d='M41.5,15.5' fill='#101010'/>
</g>
<g>
<polygon points='0.365,0 36.809,0 36.809,31 0.365,31 0.365,0 ' fill='#101010'/>
<path d='M18.587,15.5' fill='#101010'/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g>
<polygon points='0,0 83,0 83,1 0,1 0,0 ' fill='#CCCCCC'/>
<path d='M41.5,0.5' fill='#CCCCCC'/>
</g>
<g>
<polyline fill-rule='evenodd' stroke='#005A9C' points=' 68.273,18.844 74.291,24.348 86.001,12.637 ' clip-rule='evenodd' stroke-miterlimit='3.8637' stroke-width='4.8117' fill='none'/>
</g>
<g>
<path clip-rule='evenodd' d='M45.772,18.318c-0.345,0.179-0.705,0.314-1.079,0.406 c-0.375,0.091-0.765,0.136-1.172,0.136c-1.214,0-2.176-0.338-2.886-1.015c-0.71-0.681-1.064-1.602-1.064-2.764 c0-1.165,0.354-2.086,1.064-2.763c0.709-0.681,1.671-1.021,2.886-1.021c0.407,0,0.797,0.045,1.172,0.137 c0.374,0.091,0.734,0.226,1.079,0.405v1.508c-0.349-0.237-0.692-0.412-1.03-0.522c-0.339-0.111-0.695-0.166-1.069-0.166 c-0.671,0-1.198,0.215-1.582,0.645c-0.384,0.43-0.576,1.022-0.576,1.777c0,0.752,0.192,1.343,0.576,1.773 c0.384,0.43,0.911,0.644,1.582,0.644c0.374,0,0.73-0.055,1.069-0.166c0.338-0.111,0.682-0.285,1.03-0.522V18.318z' fill-rule='evenodd'/>
<path clip-rule='evenodd' d='M52.502,11.658v1.543c-0.4-0.179-0.791-0.314-1.172-0.405 c-0.381-0.091-0.741-0.137-1.079-0.137c-0.449,0-0.781,0.062-0.996,0.186c-0.215,0.124-0.322,0.315-0.322,0.576 c0,0.195,0.072,0.348,0.215,0.459c0.146,0.107,0.41,0.2,0.791,0.278l0.801,0.161c0.811,0.163,1.387,0.41,1.729,0.742 c0.342,0.332,0.513,0.804,0.513,1.416c0,0.804-0.239,1.403-0.718,1.797c-0.475,0.391-1.203,0.585-2.183,0.585 c-0.462,0-0.926-0.043-1.392-0.131c-0.465-0.088-0.931-0.218-1.396-0.391v-1.587c0.466,0.247,0.915,0.434,1.348,0.562 c0.437,0.124,0.856,0.185,1.26,0.185c0.41,0,0.725-0.068,0.942-0.205c0.218-0.137,0.327-0.332,0.327-0.586 c0-0.228-0.075-0.404-0.225-0.527c-0.146-0.124-0.441-0.234-0.884-0.333l-0.728-0.161c-0.729-0.156-1.263-0.406-1.602-0.748 c-0.335-0.342-0.503-0.802-0.503-1.381c0-0.726,0.234-1.284,0.703-1.675s1.143-0.586,2.021-0.586c0.4,0,0.813,0.031,1.235,0.093 C51.612,11.448,52.05,11.538,52.502,11.658z' fill-rule='evenodd'/>
<path clip-rule='evenodd' d='M59.805,11.658v1.543c-0.4-0.179-0.791-0.314-1.172-0.405 c-0.381-0.091-0.741-0.137-1.079-0.137c-0.449,0-0.781,0.062-0.996,0.186c-0.215,0.124-0.322,0.315-0.322,0.576 c0,0.195,0.072,0.348,0.215,0.459c0.146,0.107,0.41,0.2,0.791,0.278l0.801,0.161c0.811,0.163,1.387,0.41,1.729,0.742 c0.342,0.332,0.513,0.804,0.513,1.416c0,0.804-0.239,1.403-0.718,1.797c-0.475,0.391-1.203,0.585-2.183,0.585 c-0.462,0-0.926-0.043-1.392-0.131s-0.931-0.218-1.396-0.391v-1.587c0.465,0.247,0.915,0.434,1.348,0.562 c0.436,0.124,0.856,0.185,1.26,0.185c0.41,0,0.724-0.068,0.942-0.205c0.218-0.137,0.327-0.332,0.327-0.586 c0-0.228-0.075-0.404-0.225-0.527c-0.146-0.124-0.441-0.234-0.884-0.333l-0.728-0.161c-0.729-0.156-1.263-0.406-1.602-0.748 c-0.335-0.342-0.503-0.802-0.503-1.381c0-0.726,0.234-1.284,0.703-1.675s1.143-0.586,2.021-0.586c0.4,0,0.812,0.031,1.235,0.093 C58.915,11.448,59.352,11.538,59.805,11.658z' fill-rule='evenodd'/>
</g>
<g>
<g>
<path d='M33.077,7.037l0.334,2.034l-1.185,2.266c0,0-0.455-0.961-1.21-1.493c-0.636-0.449-1.051-0.546-1.699-0.412 c-0.833,0.171-1.777,1.167-2.189,2.395c-0.493,1.469-0.498,2.179-0.515,2.833c-0.027,1.046,0.137,1.665,0.137,1.665 s-0.719-1.331-0.712-3.279c0.005-1.391,0.223-2.652,0.867-3.896c0.566-1.094,1.408-1.751,2.154-1.828 c0.772-0.08,1.382,0.292,1.854,0.695c0.495,0.423,0.996,1.347,0.996,1.347L33.077,7.037z'/>
<path d='M33.222,18.546c0,0-0.523,0.936-0.85,1.296c-0.326,0.36-0.91,0.996-1.631,1.313c-0.721,0.317-1.099,0.377-1.811,0.309 c-0.712-0.069-1.374-0.481-1.605-0.652c-0.232-0.172-0.824-0.678-1.159-1.15c-0.335-0.472-0.858-1.417-0.858-1.417 s0.292,0.946,0.474,1.348c0.105,0.231,0.428,0.938,0.886,1.553c0.427,0.574,1.257,1.562,2.519,1.786 c1.262,0.223,2.128-0.344,2.343-0.481c0.214-0.137,0.667-0.516,0.953-0.822c0.299-0.32,0.582-0.728,0.738-0.972 c0.114-0.178,0.301-0.541,0.301-0.541L33.222,18.546z'/>
</g>
<g>
<path d='M11.437,7.127l2.852,9.698l2.852-9.698h2.065L14.486,23.06h-0.197l-2.951-9.875L8.388,23.06H8.191 L3.47,7.127h2.065l2.852,9.698l1.928-6.531L9.372,7.127H11.437z' fill='#005A9C'/>
<path d='M25.072,17.946c0,1.443-0.384,2.656-1.151,3.64c-0.767,0.983-1.76,1.475-2.98,1.475 c-0.918,0-1.718-0.292-2.4-0.875c-0.682-0.583-1.187-1.374-1.515-2.371l1.613-0.668c0.236,0.604,0.548,1.079,0.935,1.426 c0.387,0.348,0.843,0.521,1.367,0.521c0.551,0,1.016-0.308,1.397-0.924s0.571-1.357,0.571-2.223c0-0.957-0.204-1.698-0.61-2.223 c-0.472-0.616-1.214-0.924-2.223-0.924h-0.787v-0.944l2.754-4.761h-3.325l-0.925,1.574h-0.59V7.127h7.672v0.964l-2.912,5.016 c1.023,0.328,1.797,0.925,2.321,1.791C24.809,15.763,25.072,16.779,25.072,17.946z' fill='#005A9C'/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

43
cyndaquil.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<script>
var themes = [
{
id: "pinball",
name: "Cyndaquil Pinball",
headerURL: "https://cdn.bulbagarden.net/upload/7/7e/PinRSani155.png",
textcolor: "#000",
accentcolor: "#F5AC78"
},
{
id: "dummy",
name: "Dummy",
headerURL: "http://www.3desktop.net/free-wallpapers/sky.jpg",
footerURL: "http://vistawallpapers.files.wordpress.com/2007/03/vista-wallpaper-wet-grass.jpg",
textcolor: "#bcf",
accentcolor: "#8888FF"
}
];
const INSTALL = "InstallBrowserTheme";
const PREVIEW = "PreviewBrowserTheme";
const RESET_PREVIEW = "ResetBrowserThemePreview";
function setTheme(node, theme, action) {
node.setAttribute("data-browsertheme", JSON.stringify(themes[theme]));
var event = document.createEvent("Events");
event.initEvent(action, true, false);
node.dispatchEvent(event);
}
</script>
</head>
<body>
<button onclick="setTheme(this, 0, INSTALL);"
onmouseover="setTheme(this, 0, PREVIEW);"
onmouseout="setTheme(this, 0, RESET_PREVIEW);">a</button>
<button onclick="setTheme(this, 1, INSTALL);"
onmouseover="setTheme(this, 1, PREVIEW);"
onmouseout="setTheme(this, 1, RESET_PREVIEW);">b</button>
</body>
</html>

14
dark.css Normal file
View File

@ -0,0 +1,14 @@
body {
color:#ffffff;
background-color:#000;
}
a {
color:#fffc00;
background-color:#000;
}
a:hover {
color:#ff5f5c;
background-color:#000;
}

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

24
footer.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Footer</title>
<style>img{display:block;margin-left:auto;margin-right:auto;}</style>
<base target="_parent">
</head>
<body>
<a href="/" title="Return to main page"><img src="/home.svg" alt="Return to main page" /></a><br />
<div>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frw.rs%2F~job%2Findex.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" title="index.css valid!">
<img style="border:0;width:120px;height:42px" src="/cssvalidated.svg" alt="Valid CSS!" />
</a>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frw.rs%2F~job%2Flight.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" title="light.css valid!">
<img style="border:0;width:120px;height:42px" src="/cssvalidated2.svg" alt="Valid CSS!" />
</a>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frw.rs%2F~job%2Fdark.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" title="dark.css valid!">
<img style="border:0;width:120px;height:42px" src="/cssvalidated2.svg" alt="Valid CSS!" />
</a>
</div>
</body>
</html>

4
footer.js Normal file
View File

@ -0,0 +1,4 @@
var footer = document.getElementsByTagName("footer")[0];
fetch("/footer.html")
.then(response => response.text())
.then(text => footer.innerHTML = "<div>" + text + "</div>");

88
home.svg Normal file
View File

@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
<defs>
<radialGradient id="n" cx="605.714" cy="486.648" r="117.143" fx="605.714" fy="486.648" gradientTransform="matrix(-2.77439 0 0 1.9697 112.762 -872.885)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
<linearGradient id="a">
<stop offset="0"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<radialGradient id="m" cx="605.714" cy="486.648" r="117.143" fx="605.714" fy="486.648" gradientTransform="matrix(2.77439 0 0 1.9697 -1891.633 -872.885)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
<linearGradient id="b">
<stop offset="0" stop-opacity="0"/>
<stop offset=".5"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="l" x1="302.857" x2="302.857" y1="366.648" y2="609.505" gradientTransform="matrix(2.77439 0 0 1.9697 -1892.179 -872.885)" gradientUnits="userSpaceOnUse" xlink:href="#b"/>
<linearGradient id="k">
<stop offset="0" stop-color="#7c7e79"/>
<stop offset=".172" stop-color="#848681"/>
<stop offset="1" stop-color="#898c86"/>
</linearGradient>
<linearGradient id="j">
<stop offset="0" stop-color="#575757"/>
<stop offset="1" stop-color="#575757" stop-opacity="0"/>
</linearGradient>
<linearGradient id="i">
<stop offset="0" stop-color="#fff"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<linearGradient id="h">
<stop offset="0"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="g">
<stop offset="0" stop-opacity=".186"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<linearGradient id="f">
<stop offset="0"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#edd400"/>
<stop offset="1" stop-color="#980"/>
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#fff"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<linearGradient id="c" x1="80.224" x2="48.046" y1="117.52" y2="59.8" gradientTransform="translate(4.128 3.743) scale(.31468)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ccc"/>
<stop offset=".983" stop-color="#fff"/>
</linearGradient>
<linearGradient id="o" x1="52.006" x2="14.049" y1="166.133" y2="-42.219" gradientTransform="matrix(.33692 0 0 .16689 17.983 15.462)" gradientUnits="userSpaceOnUse" xlink:href="#c"/>
<linearGradient id="u" x1="64.388" x2="64.388" y1="65.124" y2="35.569" gradientTransform="translate(1.639 -.084) scale(.3541)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset=".854" stop-color="#ff6200"/>
<stop offset="1" stop-color="#f25d00"/>
</linearGradient>
<radialGradient id="v" cx="7.533" cy="24.203" r="8.245" fx="7.533" fy="24.203" gradientTransform="matrix(4.10009 0 0 4.20132 -25.415 -78.54)" gradientUnits="userSpaceOnUse" xlink:href="#d"/>
<radialGradient id="t" cx="19.986" cy="36.778" r="1.082" fx="19.986" fy="36.778" gradientTransform="matrix(1.12526 0 0 .98274 -3.429 .566)" gradientUnits="userSpaceOnUse" xlink:href="#e"/>
<radialGradient id="s" cx="20.444" cy="37.426" r="1.082" fx="20.444" fy="37.426" gradientTransform="matrix(1.12526 0 0 .98274 -3.429 .731)" gradientUnits="userSpaceOnUse" xlink:href="#f"/>
<linearGradient id="p" x1="17.603" x2="17.683" y1="26.057" y2="32.654" gradientTransform="matrix(.89879 0 0 1.07191 .478 -2.08)" gradientUnits="userSpaceOnUse" xlink:href="#g"/>
<radialGradient id="w" cx="11.681" cy="19.554" r="8.245" fx="11.681" fy="19.554" gradientTransform="matrix(4.10009 0 0 -4.20132 -5.198 105.353)" gradientUnits="userSpaceOnUse" xlink:href="#h"/>
<radialGradient id="x" cx="29.913" cy="30.443" r="4.002" fx="29.913" fy="30.443" gradientTransform="matrix(3.7515 0 0 3.14782 -82.01 -65.707)" gradientUnits="userSpaceOnUse" xlink:href="#i"/>
<radialGradient id="q" cx="24.195" cy="10.578" r="15.243" fx="24.195" fy="10.578" gradientTransform="matrix(1.12526 0 0 1.34006 -3.007 1.355)" gradientUnits="userSpaceOnUse" xlink:href="#j"/>
<linearGradient id="r" x1="17.85" x2="19.04" y1="28.939" y2="41.032" gradientTransform="matrix(.88879 0 0 1.08932 2.411 -1.524)" gradientUnits="userSpaceOnUse" xlink:href="#k"/>
</defs>
<g color="#000">
<path fill="url(#l)" d="M-1559.252 -150.697H-219.61899999999991V327.66H-1559.252z" opacity=".402" style="marker:none" transform="matrix(.02158 0 0 .0186 43.123 41.638)"/>
<path fill="url(#m)" d="M -219.61876,-150.68038 C -219.61876,-150.68038 -219.61876,327.65041 -219.61876,327.65041 C -76.744594,328.55086 125.78146,220.48075 125.78138,88.454235 C 125.78138,-43.572302 -33.655436,-150.68036 -219.61876,-150.68038 z" opacity=".402" style="marker:none" transform="matrix(.02158 0 0 .0186 43.123 41.638)"/>
<path fill="url(#n)" d="M -1559.2523,-150.68038 C -1559.2523,-150.68038 -1559.2523,327.65041 -1559.2523,327.65041 C -1702.1265,328.55086 -1904.6525,220.48075 -1904.6525,88.454235 C -1904.6525,-43.572302 -1745.2157,-150.68036 -1559.2523,-150.68038 z" opacity=".402" style="marker:none" transform="matrix(.02158 0 0 .0186 43.123 41.638)"/>
</g>
<path fill="url(#o)" stroke="#757575" d="M 21.619576,8.1833733 L 27.577035,8.1833733 C 28.416767,8.1833733 41.46351,23.618701 41.46351,24.524032 L 41.019989,43.020777 C 41.019989,43.92611 40.343959,44.654954 39.504227,44.654954 L 8.0469496,44.654954 C 7.2072167,44.654954 6.5311871,43.92611 6.5311871,43.020777 L 6.5876651,24.524032 C 6.5876651,23.618701 20.779844,8.1833733 21.619576,8.1833733 z" color="#000" style="marker:none"/>
<path fill="none" d="M 46.963575,45.735573 L 1.6386762,45.735573 L 1.6386762,0.41067554 L 46.963575,0.41067554 L 46.963575,45.735573 z"/>
<path fill="url(#p)" fill-rule="evenodd" d="M 23,29 L 22.954256,44.090942 L 11.111465,44.090942 L 11,29 L 23,29 z" clip-rule="evenodd"/>
<path fill="none" stroke="#fff" d="M 21.780459,9.405584 L 27.339556,9.405584 C 28.123138,9.405584 40.340425,23.805172 40.340425,24.649756 L 39.993267,42.862067 C 39.993267,43.321326 39.84953,43.515532 39.480892,43.515532 L 8.0936894,43.529812 C 7.7250517,43.529812 7.5097258,43.449894 7.5097258,43.076262 L 7.7250676,24.649756 C 7.7250676,23.805172 20.99688,9.405584 21.780459,9.405584 z" color="#000" opacity=".313" style="marker:none"/>
<path fill="url(#q)" fill-rule="evenodd" d="M 7.2075295,27.943053 L 7.1532728,30.538247 L 25.521437,17.358993 L 40.807832,28.513421 L 40.879142,28.201707 L 24.508686,12.297576 L 7.2075295,27.943053 z" clip-rule="evenodd" opacity=".2"/>
<path fill="url(#r)" fill-rule="evenodd" d="M 22,30 L 22,44.090942 L 12.188971,44.090942 L 12,30 L 22,30 z" clip-rule="evenodd"/>
<path fill="url(#s)" fill-rule="evenodd" d="M 19.576856,36.44767 C 20.249646,36.44767 20.793472,36.922275 20.793472,37.506177 C 20.793472,38.095988 20.249646,38.574532 19.576856,38.574532 C 18.904584,38.574532 18.35817,38.095988 18.35817,37.506177 C 18.358685,36.922275 18.904584,36.44767 19.576856,36.44767 z" clip-rule="evenodd" opacity=".409"/>
<path fill="url(#t)" fill-rule="evenodd" d="M 19.462314,35.932229 C 20.135103,35.932229 20.678929,36.406834 20.678929,36.990736 C 20.678929,37.580545 20.135103,38.059089 19.462314,38.059089 C 18.790041,38.059089 18.243627,37.580545 18.243627,36.990736 C 18.244142,36.406834 18.790041,35.932229 19.462314,35.932229 z" clip-rule="evenodd"/>
<path fill="url(#u)" d="M 24.447748,11.559337 L 43.374808,28.729205 L 43.869487,29.121196 L 44.273163,28.949811 L 43.900293,28.188138 L 43.622679,27.964702 L 24.447748,12.392396 L 5.0582327,28.135731 L 4.8206309,28.279851 L 4.603921,28.986637 L 5.0373408,29.115885 L 5.4218948,28.807462 L 24.447748,11.559337 z"/>
<path fill="#ef2929" stroke="#a40000" d="M 24.330168,2.2713382 L 2.4484294,20.372675 L 1.8237005,27.538603 L 3.8236367,29.602926 C 3.8236367,29.602926 24.231018,12.445641 24.44773,12.274963 L 44.08027,29.818223 L 45.978694,27.494226 L 44.362903,20.382852 L 24.44773,2.1668788 L 24.330168,2.2713382 z"/>
<path fill="url(#v)" d="M 2.8413446,20.613129 L 2.5497894,27.236494 L 24.369219,8.980075 L 24.298891,3.0867443 L 2.8413446,20.613129 z" color="#000" opacity=".409" style="marker:none"/>
<path fill="url(#w)" d="M 24.483763,8.7509884 L 24.583223,2.9098867 L 43.912186,20.56184 L 45.403998,27.062652 L 24.483763,8.7509884 z" color="#000" opacity=".136" style="marker:none"/>
<path fill="none" stroke="#fff" d="M 27.102228,27.719824 L 36.142223,27.719824 C 36.912818,27.719824 37.53319,28.340194 37.53319,29.110791 L 37.525229,38.190012 C 37.525229,38.960608 36.928907,39.455981 36.158311,39.455981 L 27.102228,39.455981 C 26.331631,39.455981 25.711261,38.835608 25.711261,38.065012 L 25.711261,29.110791 C 25.711261,28.340194 26.331631,27.719824 27.102228,27.719824 z" color="#000" opacity=".318" style="marker:none"/>
<rect width="10.001" height="9.962" x="26.508" y="28.514" fill="#3465a4" stroke="#757575" color="#000" rx=".381" ry=".381" style="marker:none"/>
<path fill="url(#x)" d="M 27.107118,34.408261 C 30.725101,34.739438 32.634842,32.962557 35.97527,32.855521 L 36,29.00603 L 27.088388,29 L 27.107118,34.408261 z" color="#000" opacity=".398" style="marker:none"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

87
index.css Normal file
View File

@ -0,0 +1,87 @@
h1, header, footer, .txtcenter, .multipleimgcenter { text-align:center; }
#top, #bottom{border:none;}
.singleimgcenter {
display:block;
margin-left:auto;
margin-right:auto;
}
header {
position: relative;
overflow: hidden;
padding-top: 4px;
padding-bottom: 80px;
}
#top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 115%;
}
#bottom {
width:230px;
height:270px;
}
#navfix {
font-size:8px;
}
input[type='checkbox']{display: none;}
.wrap-collapsible{margin: 1.2rem 0;}
.lbl-toggle {
display: block;
font-weight: bold;
font-size: 1.2rem;
padding: 0.5rem;
color: #DDD;
background: #0069ff;
cursor: pointer;
border-radius: 5px;
transition: all 0.25s ease-out;
}
.lbl-toggle:hover{color:#FFF;}
.lbl-toggle::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .2s ease-out;
}
.toggle:checked+.lbl-toggle::before{transform: rotate(90deg) translateX(-3px);}
.collapsible-content {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content{max-height: 350px;}
.toggle:checked+.lbl-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.collapsible-content .content-inner {
background: rgba(0, 105, 255, .2);
border-bottom: 1px solid rgba(0, 105, 255, .45);
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding: .5rem 1rem;
}
.collapsible-content{margin-bottom:0;}

36
index.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Job Bautista's personal website</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="top" href="/" title="Job Bautista's personal website">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Welcome to my Website!</h1>
<p>
I'm Job Bautista, currently a senior high school student in <a href="http://dasma.pcu.edu.ph/">Philippine Christian University - Dasmarinas campus</a>. I love playing video games, and I have an interest in programming. I can do basic bash scripting, as well as some JavaScript.
</p>
<p>
I contribute to some free software projects. I developed several XUL add-ons for <a href="https://www.palemoon.org">Pale Moon</a> and other <a href="http://thereisonlyxul.org">UXP</a> applications. I maintain the <a href="https://git.devuan.org/devuan/iwd">iwd package in Devuan</a>. I also proofread some translations in the <a href="https://www.palemoon.org">Pale Moon</a> project. <s>I am currently working on Tagalog translations of <a href="https://fluxbb.org">FluxBB</a> and <a href="https://postmill.xyz">Postmill</a>.</s> (Currently on hold for now)
</p>
<p>
This is my <a href="/publickey.asc">PGP public key</a>. Key ID is 555BDA3FFEBADC6E7AC050ED27838CCEB86216C4.
</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

268
infographics/chemical-elements/css/infographic.css Normal file
View File

@ -0,0 +1,268 @@
body {
padding: 0;
margin: 0;
}
article {
padding: 0;
margin: 0;
border: 0 none;
float: left;
}
figure {text-align:center;}
div#infographic a {
color: rgb(255, 255, 255);
text-decoration: none;
}
div#infographic {
border: 0 none;
margin: 0 auto;
padding: 0;
font-family: 'Bitstream Vera Serif', 'serif';
font-size: 96%;
color: rgb(255, 255, 255);
background: url('../media/ig-back.png') rgb(51, 51, 51);
background-position: 0.39em 1.24em;
background-size: 2.35em;
max-width: 42.3em;
width: 100%;
}
div#infographic header {
background: url('../media/ig-darkback.png') rgb(26, 26, 26);
background-position: 0.39em 1.24em;
background-size: 2.35em;
color: rgb(255, 255, 255);
padding: 0;
padding-top: 1.8em;
border: 0;
margin: 0;
}
div#infographic footer {
background: url('../media/ig-darkback.png') rgb(26, 26, 26);
background-position: 0.39em 1.24em;
background-size: 2.35em;
color: rgb(255, 255, 255);
padding: 3em;
padding-bottom: 10em;
border: 0;
margin: 0;
}
div#infographic footer section.part {
width: 50%;
margin: 0;
padding: 0;
float: left;
}
div#infographic footer h2{
display: none;
}
div#infographic footer section.part h3.title{
font-size: 110%;
font-weight: bold;
}
div#infographic footer section.part span.copyright{
font-style: italic;
display: block;
}
div#infographic footer section.part a.source{
display: block;
}
div#infographic footer section#original {
text-align: left;
}
div#infographic footer section#newversion {
text-align: right;
}
div#infographic header h1 {
padding: 0;
margin: auto;
border-width: 0.075em 0;
border-style: solid;
border-color: rgb(255, 255, 255);
width: 7.1em;
text-align: center;
font-size: 300%;
font-weight: normal;
vertical-align: top;
line-height: 0;
}
div#infographic header h1 span#igT1 {
position: relative;
left: 0.1em;
line-height: 90%;
}
div#infographic header h1 span#igT2 {
position: relative;
left: -0.1em;
line-height: 90%;
}
div#infographic header h1 span#igT3 {
font-variant: small-caps;
color: rgb(153, 204, 0);
line-height: 72%;
}
div#infographic header h1 span#igT4 {
font-size: 125%;
display: block;
line-height: 0.66%;
margin: 0.25em 0.1em;
float: right;
}
div#infographic header p {
text-align: center;
font-weight: bold;
font-size: 135%;
padding: 0.8em;
}
span.cutout {
color: rgb(255, 255, 255);
background: rgb(26, 26, 26);
}
div#infographic div#content {
padding-top: 0.5em;
}
div#infographic section {
margin: 4.1em 0;
}
div#infographic section h2 {
display: none;
}
div#infographic section img {
display: none;
}
div#infographic .subsection {
padding-left: 10em;
margin: 1.1em 0;
height: 3.5em;
position: relative;
}
div#infographic .subsection h3 {
position: absolute;
top: 0;
left: 0;
padding-left: 7.4em;
height: 2.5926em
}
div#infographic .subsection p {
position: relative;
top: 0;
left: 0;
z-index: 99;
padding-right: 3.75em;
padding-top: 1.4em;
}
div#infographic section#igSL p {
padding-right: 2.5em;
}
div#infographic section#igCH p {
padding-right: 4.5em;
}
div#infographic h3 {
font-weight: bold;
font-size: 135%;
}
div#infographic section#igWord section.subsection {
background: url('../media/right-structure.png') no-repeat right;
background-size: 2.23em;
}
div#infographic section#igChemProp .subsection {
background: url('../media/right-text.png') no-repeat right;
background-size: 2.23em;
}
div#infographic section#igHistEty .subsection {
background: url('../media/right-links.png') no-repeat right;
background-size: 2.23em;
}
div#infographic section#igQuantum .subsection {
background: url('../media/right-color.png') no-repeat right;
background-size: 2.23em;
}
div#infographic section#igWord .subsection h3 {
background: url('../media/left-structure.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igChemProp .subsection h3 {
background: url('../media/left-text.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igHistEty .subsection h3 {
background: url('../media/left-links.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igQuantum .subsection h3 {
background: url('../media/left-color.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igWord section#igHS h3 {
background: url('../media/pronunciation.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igWord section#igRO h3 {
background: url('../media/appearance.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igChemProp section#igGC h3 {
background: url('../media/state.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igChemProp section#igTT h3 {
background: url('../media/meltingpoint.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igChemProp section#igCP h3 {
background: url('../media/boilingpoint.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igChemProp section#igFS h3 {
background: url('../media/density.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igChemProp section#igLL h3 {
background: url('../media/atomicweight.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igHistEty section#igLR h3 {
background: url('../media/namedafter.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igHistEty section#igLF h3 {
background: url('../media/discovered.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igHistEty section#igSL h3 {
background: url('../media/isolated.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igHistEty section#igCH h3 {
background: url('../media/isotopes.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igQuantum section#igAP h3 {
background: url('../media/electronconfig.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igQuantum section#igRC h3 {
background: url('../media/orbitaldiagram.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igQuantum section#igAF h3 {
background: url('../media/quantumnumbers.png') no-repeat left;
background-size: 6.75em;
}
div#infographic section#igWord h3 {
color: rgb(153, 204, 51);
}
div#infographic section#igChemProp h3 {
color: rgb(153, 204, 255);
}
div#infographic section#igHistEty h3 {
color: rgb(255, 204, 51);
}
div#infographic section#igQuantum h3 {
color: rgb(255, 153, 102);
}
span.caps {
text-transform: uppercase;
}
span.notinoriginal {
display: none;
}

48
infographics/chemical-elements/css/reset.css Normal file
View File

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

110
infographics/chemical-elements/helium.html Normal file
View File

@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/reset.css" rel="stylesheet">
<link href="css/infographic.css" rel="stylesheet">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Infographics about chemical elements - Job Bautista">
<title>Helium</title>
</head>
<body>
<article>
<div id="infographic">
<header>
<h1 id="igTitle"><span id="igT1">Helium (He)</span><br /><span id="igT2">Atomic #2</span> <span id="igT3">Group</span> #18</h1>
<p>Second lightest and second most abundant element.</p>
</header>
<br />
<figure>
<img src="media/helium.jpg" alt="Helium discharge tube" />
<figcaption>Helium discharge tube (Photo by Alchemist-hp, CC-BY-NC-ND-3.0)</figcaption>
</figure>
<div id="content">
<section id="igWord">
<h2>Word</h2>
<section class="subsection" id="igHS">
<h3>Pronunciation</h3>
<p>/ˈhiːliəm/ ​(HEE-lee-əm)</p>
</section>
<section class="subsection" id="igRO">
<h3>Appearance</h3>
<p>colorless gas, exhibiting a gray, cloudy glow (or reddish-orange if an especially high voltage is used) when placed in an electric field</p>
</section>
</section>
<section id="igChemProp">
<h2>Chemical properties</h2>
<section class="subsection" id="igGC">
<h3>Phase at STP</h3>
<p>Gas</p>
</section>
<section class="subsection" id="igTT">
<h3>Melting point</h3>
<p>0.95 K ​(−272.20 °C, ​−457.96 °F) (at 2.5 MPa)</p>
</section>
<section class="subsection" id="igCP">
<h3>Boiling point</h3>
<p>4.222 K ​(−268.928 °C, ​−452.070 °F)</p>
</section>
<section class="subsection" id="igFS">
<h3>Density</h3>
<p>0.1786 g/L (STP), 0.145 g/cm3 (liquid, melting point), 0.125 g/cm3 (liquid, boiling point)</p>
</section>
<section class="subsection" id="igLL">
<h3>Atomic Weight</h3>
<p>4.002 amu</p>
</section>
</section>
<section id="igHistEty">
<h2>History and etymology</h2>
<section class="subsection" id="igLR">
<h3>Etymology</h3>
<p>Named after Helios, Greek Titan of the Sun</p>
</section>
<section class="subsection" id="igLF">
<h3>Discovered</h3>
<p>Pierre Janssen, Norman Lockyer (1868)</p>
</section>
<section class="subsection" id="igSL">
<h3>First isolation</h3>
<p>William Ramsay, Per Teodor Cleve, Abraham Langlet (1895)</p>
</section>
<section class="subsection" id="igCH">
<h3>Isotopes</h3>
<p>3He (stable), 4He (stable)</p>
</section>
</section>
<section id="igQuantum">
<h2>Quantum</h2>
<section class="subsection" id="igAP">
<h3>Electron configuration</h3>
<p>1s2</p>
</section>
<section class="subsection" id="igRC">
<h3>Orbital diagram</h3>
<p>1s[&#8593;&#8595;]</p>
</section>
<section class="subsection" id="igAF">
<h3>Quantum numbers of the last electron</h3>
<p>n=1, l=0, Ml=0, Ms=-0.5</p>
</section>
</section>
</div>
<footer>
<h2>About this infographic</h2>
<section class="part" id="original">
<h3 class="title"><a href="http://throup.org.uk/infographic/">Original infographic</a></h3><br />
<p><span class="copyright">©2011 WebAIM.<br />©2020 Job Bautista.</span></p>
</section>
<section class="part" id="newversion">
<h3 class="title">Navigate to:</h3>
<p><a href="hydrogen.html" rel="prev">&#60;&#8208;&#8208; Hydrogen</a> &emsp; <a href="lithium.html" rel="next">Lithium &#8208;&#8208;&#62;</a></p>
</section>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fjobbautista.neocities.org%2Finfographics%2Fchemical-elements%2Fcss%2Finfographic.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" target="_parent" title="infographic.css valid!"><img style="border:0;width:120px;height:42px" src="/cssvalidated.svg" alt="infographic.css valid!" /></a>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fjobbautista.neocities.org%2Finfographics%2Fchemical-elements%2Fcss%2Freset.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" target="_parent" title="reset.css valid!"><img style="border:0;width:120px;height:42px" src="/cssvalidated2.svg" alt="reset.css valid!" /></a>
</footer>
</div>
</article>
</body>
</html>

29
infographics/chemical-elements/index.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infographics about chemical elements - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="/" title="Job Bautista's personal website">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Infographics about chemical elements</h1>
<main class="txtcenter"><iframe src="helium.html" style="width:6.75in;height:19.5in;"></iframe></main>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

110
infographics/chemical-elements/lithium.html Normal file
View File

@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/reset.css" rel="stylesheet">
<link href="css/infographic.css" rel="stylesheet">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Infographics about chemical elements - Job Bautista">
<title>Lithium</title>
</head>
<body>
<article>
<div id="infographic">
<header>
<h1 id="igTitle"><span id="igT1">Lithium (Li)</span><br /><span id="igT2">Atomic #3</span> <span id="igT3">Group</span> #1</h1>
<p>Soft, silvery-white, lightest alkali metal.</p>
</header>
<br />
<figure>
<img src="media/lithium.jpg" alt="Lithium floating in oil" />
<figcaption>Lithium floating in oil</figcaption>
</figure>
<div id="content">
<section id="igWord">
<h2>Word</h2>
<section class="subsection" id="igHS">
<h3>Pronunciation</h3>
<p>/ˈlɪθiəm/ ​(LITH-ee-əm)</p>
</section>
<section class="subsection" id="igRO">
<h3>Appearance</h3>
<p>silvery-white</p>
</section>
</section>
<section id="igChemProp">
<h2>Chemical properties</h2>
<section class="subsection" id="igGC">
<h3>Phase at STP</h3>
<p>Solid</p>
</section>
<section class="subsection" id="igTT">
<h3>Melting point</h3>
<p>453.65 K ​(180.50 °C, ​356.90 °F) </p>
</section>
<section class="subsection" id="igCP">
<h3>Boiling point</h3>
<p>1603 K ​(1330 °C, ​2426 °F)</p>
</section>
<section class="subsection" id="igFS">
<h3>Density</h3>
<p>0.534 g/cm3 (near room temperature), 0.512 g/cm3 (liquid, melting point)</p>
</section>
<section class="subsection" id="igLL">
<h3>Atomic Weight</h3>
<p>6.94 amu</p>
</section>
</section>
<section id="igHistEty">
<h2>History and etymology</h2>
<section class="subsection" id="igLR">
<h3>Etymology</h3>
<p>Came from the Greek word λιθoς lithos, meaning stone</p>
</section>
<section class="subsection" id="igLF">
<h3>Discovered</h3>
<p>Johan August Arfwedson (1817)</p>
</section>
<section class="subsection" id="igSL">
<h3>First isolation</h3>
<p> William Thomas Brande (1821)</p>
</section>
<section class="subsection" id="igCH">
<h3>Isotopes</h3>
<p>6Li (stable), 7Li (stable)</p>
</section>
</section>
<section id="igQuantum">
<h2>Quantum</h2>
<section class="subsection" id="igAP">
<h3>Electron configuration</h3>
<p>1s2 2s1</p>
</section>
<section class="subsection" id="igRC">
<h3>Orbital diagram</h3>
<p>1s[&#8593;&#8595;] 2s[&#8593;]</p>
</section>
<section class="subsection" id="igAF">
<h3>Quantum numbers of the last electron</h3>
<p>n=2, l=0, Ml=0, Ms=+0.5</p>
</section>
</section>
</div>
<footer>
<h2>About this infographic</h2>
<section class="part" id="original">
<h3 class="title"><a href="http://webaim.org/resources/designers/">Original infographic</a></h3><br />
<p><span class="copyright">©2011 WebAIM.<br />©2020 Job Bautista.</span></p>
</section>
<section class="part" id="newversion">
<h3 class="title">Navigate to:</h3>
<p><a href="helium.html" rel="prev">&#60;&#8208;&#8208; Helium</a> &emsp; <a href="Beryllium.html" rel="next">Beryllium &#8208;&#8208;&#62;</a></p>
</section>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fjobbautista.neocities.org%2Finfographics%2Fchemical-elements%2Fcss%2Finfographic.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" target="_parent" title="infographic.css valid!"><img style="border:0;width:120px;height:42px" src="/cssvalidated.svg" alt="infographic.css valid!" /></a>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fjobbautista.neocities.org%2Finfographics%2Fchemical-elements%2Fcss%2Freset.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" target="_parent" title="reset.css valid!"><img style="border:0;width:120px;height:42px" src="/cssvalidated2.svg" alt="reset.css valid!" /></a>
</footer>
</div>
</article>
</body>
</html>

BIN
infographics/chemical-elements/media/appearance.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
infographics/chemical-elements/media/atomicweight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
infographics/chemical-elements/media/boilingpoint.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
infographics/chemical-elements/media/density.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
infographics/chemical-elements/media/discovered.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
infographics/chemical-elements/media/electronconfig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
infographics/chemical-elements/media/helium.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
infographics/chemical-elements/media/ig-back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 B

BIN
infographics/chemical-elements/media/ig-darkback.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 B

BIN
infographics/chemical-elements/media/isolated.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
infographics/chemical-elements/media/isotopes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
infographics/chemical-elements/media/lithium.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
infographics/chemical-elements/media/meltingpoint.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
infographics/chemical-elements/media/namedafter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
infographics/chemical-elements/media/orbitaldiagram.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
infographics/chemical-elements/media/pronunciation.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
infographics/chemical-elements/media/quantumnumbers.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
infographics/chemical-elements/media/right-color.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
infographics/chemical-elements/media/right-links.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
infographics/chemical-elements/media/right-structure.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
infographics/chemical-elements/media/right-text.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
infographics/chemical-elements/media/state.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

9
light.css Normal file
View File

@ -0,0 +1,9 @@
body {
color:#000;
background-color:#faf98b;
}
a:hover {
color:#a80300;
background-color:#faf98b;
}

33
nav.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navigation</title>
<base target="_parent">
<style>
a.navi {
padding:0px 48px;
font-size:32px;
outline:0;
color:#ffffff
}
a.navi:hover {background-color:orange!important;}
nav {
text-align:center;
background-color:#cc0000;
color:#ffffff;
}
iframe{border:none;}
</style>
</head>
<body>
<nav>
<a class="navi" rel="top" href="/">Home</a>
<a class="navi" href="/writings">Writings</a>
<a class="navi" href="/wheretofindme.html">Where to find me</a>
<a class="navi" href="/contact.html">Contact</a>
</nav>
<p style="text-align:center;"><a style="font-size:10px;color:#000" href="/writings/darkmode.html">Do you know that you can toggle dark mode on this website?</a></p>
</body>
</html>

4
nav.js Normal file
View File

@ -0,0 +1,4 @@
var header = document.getElementsByTagName("header")[0];
fetch("/nav.html")
.then(response => response.text())
.then(text => header.innerHTML = text);

23
not_found.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 - Page Not Found</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="txtcenter">
<h1>404 - Page Not Found</h1>
<p style="text-align:center">The requested page was not found.</p>
</div>
<hr />
<footer>
<iframe id="bottom" name="bottom" src="/footer.html"></iframe>
</footer>
</body>
</html>

1426
publickey.asc Normal file
View File

File diff suppressed because it is too large Load Diff

63
wheretofindme.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Where to find Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="../" title="Job Bautista's personal website">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Where to find me</h1>
<h2>My personal social media accounts</h2>
<ul>
<li><a href="https://www.facebook.com/ajob09">Facebook</a>
<li><a href="https://twitter.com/jobbautista9">Twitter</a>
</ul>
<h2>Git repos</h2>
<h3>As "jobbautista9"</h3>
<ul>
<li><a href="https://github.com/jobbautista9">GitHub</a>
<li><a href="https://gitlab.com/jobbautista9">GitLab</a>
<li><a href="https://git.devuan.org/jobbautista9">Devuan</a>
</ul>
<h3>As "temtemy"</h3>
<ul>
<li><a href="https://github.com/temtemy">GitHub</a>
<li><a href="https://gitlab.com/temtemy">GitLab</a>
</ul>
<h2>Other accounts</h2>
<ul>
<li><a href="https://meta.wikimedia.org/wiki/User:Pandakekok9">Main Wikimedia account</a>
<li><a href="https://old.reddit.com/u/temtemy">Old account on Reddit</a> (I no longer have access to it. Be sure to backup your <abbr title="two-factor authentication">2FA</abbr> keys!)
<li><a href="https://old.reddit.com/u/pandakekok9">Current account on Reddit</a>
<li><a href="https://raddle.me/user/temtemy">Raddle account</a>
<li><a href="https://twitter.com/pandakekok9">pandakekok9 Twitter</a>
<li><a href="https://www.youtube.com/channel/UCSydtP27fks4AjNYTbGarWA">Main YouTube channel</a>
<li><a href="https://wikibound.info/wiki/User:Pandakekok9">WikiBound account</a>
<li><a href="https://wikirby.com/wiki/User:Pandakekok9">WiKirby account</a>
<li><a href="https://dev1galaxy.org/profile.php?id=6010">Dev1Galaxy forum account</a>
<li><a href="https://forum.palemoon.org/memberlist.php?mode=viewprofile&u=21058">Pale Moon forum account</a>
<li><a href="https://everything2.com/user/pandakekok9">everything2 account</a> (see some of my best writeups <a href="/writings/everything2">here</a>)
</ul>
<h2>Encryption and signing</h2>
<p>If you want to make sure that I'm the one writing the email and not some other impostor, as well as encrypt your message, you can use this <a href="/publickey.asc">PGP public key</a>. Key ID is 555BDA3FFEBADC6E7AC050ED27838CCEB86216C4. If you're going to encrypt your message, make sure to send your public key as well, so that I can send back an encrypted response.</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

37
writings/darkmode.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>You can now toggle dark mode on this website! - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Job Bautista's writings">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>You can now toggle dark mode on this website!</h1>
<p>You may have noticed the <a href="https://www.w3.org/Style/Examples/007/alternatives.en.html">"alternate stylesheet"</a> while viewing the source code of this website. That's the CSS for <a href="https://en.wikipedia.org/wiki/Light-on-dark_color_scheme">dark mode</a>! You may be wondering how to switch to dark mode. It's easy, well at least if you're on desktop <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a> (sorry <a href="https://www.google.com/chrome/browser/index.html">Chrome</a> and mobile users!).</p>
<p>On Firefox and its forks like <a href="https://www.palemoon.org">Pale Moon</a> and <a href="https://www.waterfox.net/">Waterfox</a>, follow these instructions:</p>
<ol>
<li><p>Toggle the menu bar (on Pale Moon and <a href="https://www.seamonkey-project.org/">SeaMonkey</a>, they are already toggled by default).</p>
<li><p>Click on "View", or the third item on the menu bar if you're using another language pack.</p>
<li><p>Hover on "Page Style". (On <a href="https://apps.kde.org/en/konqueror">Konqueror</a>, it's "Use StyleSheet".)</p>
<li><p>Click on "Dark mode". You can now enjoy my website while taking care of your eyes at night!</p>
</ol>
<p>For Google Chrome, you will have to install this <a href="https://chrome.google.com/webstore/detail/alt-css/deaodobjfcolfhkecnnghdclnlmfjdje">extension</a>.</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

57
writings/everything2/cyndaquil.html Normal file
View File

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cyndaquil - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title=">Some of my best writeups in Everything2 - Job Bautista">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Cyndaquil</h1>
<img class="singleimgcenter" src="cyndaquil.png" alt="Cyndaquil official art" title="Isn't he cute?" />
<div class="wrap-collapsible">
<input id="collapsible" class="toggle" type="checkbox">
<label for="collapsible" class="lbl-toggle">E2 meta; feel free to ignore</label>
<div class="collapsible-content">
<div class="content-inner">
<p>I'm surprised nobody wrote about Cyndaquil and the <a href="https://everything2.com/title/Totodile">other</a> <a href="https://everything2.com/title/Johto">Johto</a> <a href="https://everything2.com/title/Chikorita">starters</a>. Come on, <a href="https://everything2.com/title/Pokemon+Gold+%2526+Silver">Pokemon Gold & Silver</a> was released in 2000, and <a href="https://everything2.com/title/Everything2">Everything2</a> was created from <a href="https://everything2.com/title/E1">E1</a> in 1999. <strong>HOW DID THIS HAPPEN</strong> <small>/rant</small></p>
<p>Oh, we're talking about <a href="https://everything2.com/title/Cyndaquil">Cyndaquil</a>. <a href="https://everything2.com/title/Realization">Yeah.</a> So</p>
</div>
</div>
</div>
<p><strong>Cyndaquil</strong> (Japanese: ヒノアラシ, <a href="https://everything2.com/title/transliteration">translit.</a> <em>Hinoarashi</em>) is one of the <a href="https://everything2.com/title/Pokemon">Pokemon</a> starters you can choose from in your <a href="https://everything2.com/title/Pokemon+Gold+%26+Silver">Johto adventure</a>. It has a <a href="https://everything2.com/title/Pokedex">National Pokedex</a> number of #155. Quil's a fire type and has three stages in <a href="https://everything2.com/title/Pokemon+evolution+isn't+evolution">"evolution"</a>, just like <a href="https://everything2.com/title/Charmander">Charmander</a> (which has <a href="https://everything2.com/title/Charmeleon">Charmeleon</a> and <a href="https://everything2.com/title/Charizard">Charizard</a>). It evolves into <a href="https://everything2.com/title/Quilava">Quilava</a> when leveled up to at least level 14, which will evolve into <a href="https://everything2.com/title/Typhlosion">Typhlosion</a> starting at level 36.</p>
<p>Cyndaquil is small, bipedal, and looks like an <a href="https://everything2.com/title/echidna">echidna</a>, with a bluish back and a cream-colored front. You will never see a Cyndaquil with its eyes "open". Think of it like <a href="https://everything2.com/title/Brock">Brock</a>, but is a small Pokemon. Cyndaquil <abbr title="Pokemon names can be plural. This is grammatically correct.">are</abbr> easily intimidated (hence why in <a href="https://everything2.com/title/Pokemon+Mystery+Dungeon+Red+Rescue+Team">Pokemon Mystery Dungeon Red Rescue Team</a>, when the game sees that you are timid, you become a Cyndaquil). If you scare them, <a href="https://everything2.com/title/Make+me+angry+and+I'll+burn+you">provoke them to fight you</a>, or make them happy, their back will erupt into flames (which is what you see in the <a href="https://cdn.bulbagarden.net/upload/9/9b/155Cyndaquil.png">official art</a>, isn't that <a href="https://everything2.com/title/cute">cute</a>). Or they may just <a href="https://everything2.com/title/Defense+Curl">curl into a ball.</a></p>
<p>As with all other new Pokemon in the <a href="https://everything2.com/title/Johto">Johto</a> <a href="https://everything2.com/title/Pokedex">Pokedex</a>, Cyndaquil reappears in future core series games like <a href="https://everything2.com/title/Pokemon+Ruby+%26+Sapphire">Pokemon Ruby & Sapphire</a>. Cyndaquil also appears in spin-offs like the <a href="https://everything2.com/title/Pokemon+Mystery+Dungeon">Pokemon Mystery Dungeon</a> series. In Gold, Silver, and Crystal, Cyndaquil is arguably the best starter to choose in Generation II (and IV for <a href="https://everything2.com/title/Pokemon+HeartGold+%26+SoulSilver">Pokemon HeartGold & SoulSilver</a>), with <a href="https://everything2.com/title/Totodile">Totodile</a> being a close second. However, in <a href="https://everything2.com/title/Pokemon+Mystery+Dungeon+Red+Rescue+Team">Pokemon Mystery Dungeon Red Rescue Team</a>, Cyndaquil is one of the worst starters, because the final evolution, <a href="https://everything2.com/title/Typhlosion">Typhlosion</a>, has no secondary type. Make <a href="https://everything2.com/title/Chikorita">Chikorita</a> your partner, and you're gonna play the hardest difficulty of the game (<a href="https://everything2.com/title/Chikorita+sucks">Chikorita sucks</a>).</p>
<p>The name "Cyndaquil" comes from the words <em>cinder</em> (ashes) and <em>quill</em> (needle-like hairs). Combine them, you get an idea of a Pokemon that has flames that look like needles as its hair. It's Japanese name <em>Hinoarashi</em> on the other hand, may come from 火 <em>hi</em> (fire) and ヤマアラシ <em>yama-arashi</em> (<a href="https://everything2.com/title/porcupine">porcupine</a>).</p>
<h2>Pokedex entries</h2>
<p>Here are its Pokedex entries from Gold (HeartGold), Silver (SoulSilver) and Crystal:</p>
<blockquote>
<em>It is timid, and always curls itself up in a ball. If attacked, it flares up its back for protection.</em> (Gold & HeartGold)<br />
<em>It usually stays hunched over. If it is angry or surprised, it shoots flames out of its back.</em> (Silver & SoulSilver)<br />
<em>The fire that spouts from its back burns hottest when it is angry. The flaring flames intimidate foes.</em> (<a href="https://everything2.com/title/Pokemon+Crystal">Crystal</a>)
</blockquote>
<p><a rel="up" href="/writings/everything2">Back to my e2 writeups</a></p>
<hr />
<footer>
<a href="https://everything2.com/user/pandakekok9/writeups/Cyndaquil" title="Originally published in Everything2"><img src="everything2_logo.png" alt="Originally published in Everything2" /></a><br />
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

BIN
writings/everything2/cyndaquil.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
writings/everything2/everything2_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

51
writings/everything2/idealwifimall.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ideal Wi-Fi Mall - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title=">Some of my best writeups in Everything2 - Job Bautista">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Ideal Wi-Fi Mall</h1>
<p>So you want to build a <a href="https://everything2.com/title/mall">mall</a> and cause heavier traffic in intersections. Great! But today is the <a href="https://everything2.com/title/Information+Era">Information Era</a>, and no mall is complete without <a href="https://everything2.com/title/selling+data">"free"</a> connectivity to the <a href="https://everything2.com/title/internet">internet</a>. You want your customers to stay as long as possible, to maximize the potential of <a href="https://everything2.com/title/profit">profit</a>.</p>
<p>What did you say? It's easy? Just add a fuckton of <a href="https://everything2.com/title/wifi">Wi-Fi</a> <a href="https://everything2.com/title/access+point">access points</a> at every place and corner? Oh.</p>
<strong>Oh.</strong><br />
<strong style="font-size:30px">YOU'RE DAMN WRONG</strong>
<p>You're going to face a lot of complaints from your customers about your Wi-Fi being too slow, connections being terminated unexpectedly... It's gonna be hell. Not only will your customers suffer, but you will too. Your <a href="https://everything2.com/title/investment">investment</a> to access points will go to waste with that attitude.</p>
<p>What you need is <a href="https://everything2.com/title/careful">careful</a> <a href="https://everything2.com/title/The+planning+process">planning</a>. How much planning you need depends on how much <a href="https://everything2.com/title/access+point">APs</a> you will add, so the more APs, the more planning is needed. Keep these questions in mind:</p>
<ul>
<li>How can I keep my own <a href="https://everything2.com/title/access+point">APs</a> from <a href="https://everything2.com/title/interference">interfering</a> with each other?</li>
<li>How can I cooperate with establishments paying rent who wants to have their own <a href="https://everything2.com/title/wifi">Wi-Fi</a>?</li>
<li>How can my customers have their own <a href="https://everything2.com/title/wifi">Wi-Fi</a> and <a href="https://everything2.com/title/Bluetooth">Bluetooth</a> <a href="https://everything2.com/title/hotspot">hotspots</a> not interfered and not interfere with my and the establishments' <a href="https://everything2.com/title/access+point">APs</a>?</li>
</ul>
<p>If you can answer all these, then congratulations, you can consider your Wi-Fi mall as <a href="https://everything2.com/title/perfect">perfect</a>. Yay. But how can we achieve it? Here are my thoughts:</p>
<ul>
<li>Make future establishments who want to have their own Wi-Fi consult you first before they provide their <a href="https://everything2.com/title/access+point">AP</a>. This lets you know what channels your and their APs should use.</li>
<li><a href="https://everything2.com/title/access+point">APs</a> using the same channel must always be far apart, because they will interfere each other if you don't keep them apart.</li>
<li>Consider freeing up one channel for customers who use <a href="https://everything2.com/title/tethering">tethering</a> and <a href="https://everything2.com/title/Bluetooth">Bluetooth</a>. For example, if you use channels 1 and 6, make 11 free. This make sure that your customers won't experience nor cause interference. It is also good for Bluetooth, because it has more clear frequencies to hop to.</li>
<li>Consider using the <a href="https://everything2.com/title/5+GHz+spectrum">5 GHz spectrum</a>, especially if you're going to add a really big number of APs. 5 GHz has a lot more channels than <a href="https://everything2.com/title/2.4+GHz+spectrum">2.4 GHz</a>, so if you want a lot of overlapping APs, this is the way to go. Of course, there are devices that don't support 5 GHz, so always make 2.4 GHz available for <a href="https://everything2.com/title/backward+compatibility">backward compatibility</a>. <a href="https://everything2.com/title/tl;dr">TLDR</a>, if you can use and afford 5 GHz, use it, along with 2.4 GHz.</li>
<li>Never, EVER make your APs 40 MHz wide. By doing that, you're <a href="https://everything2.com/title/jerk">occupying TWO CHANNELS</a>. So if you're channel 1, you occupy channels 1 and 6. <a href="https://everything2.com/title/pointless">You are just limiting yourself</a>. If someone told you that occupying more channels increases your speed, they are lying. And even if it does, <a href="https://everything2.com/title/interference">interference</a> will outweigh the increased speed. It is like <a href="https://everything2.com/title/useless">multiplying 0 by 2</a>.</li>
</ul>
<p>Good luck with your Wi-Fi mall, <a href="https://everything2.com/title/capitalist">capitalist</a>.</p>
<p><a rel="up" href="/writings/everything2">Back to my e2 writeups</a></p>
<hr />
<footer>
<a href="https://everything2.com/user/pandakekok9/writeups/Ideal+Wi-Fi+mall" title="Originally published in Everything2"><img src="everything2_logo.png" alt="Originally published in Everything2" /></a><br />
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

32
writings/everything2/index.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Some of my best writeups in Everything2 - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="/writings" title="Job Bautista's writings">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Some of my best writeups in Everything2</h1>
<p><a href="idealwifimall.html">Ideal Wi-Fi Mall</a> - my rant about the <a href="https://en.wikipedia.org/wiki/Wi-Fi">Wi-Fi</a> interference in malls.</p>
<p><a href="cyndaquil.html">Cyndaquil</a> - a short overview about <a href="https://bulbapedia.bulbagarden.net/wiki/Cyndaquil">Cyndaquil</a>, my favorite Pokemon</p>
<p><a href="palengke.html">Palengke</a> - a description of the local markets in the <a href="https://en.wikipedia.org/wiki/Philippines">Philippines</a></p>
<p><a href="martsangbayan.html">Martsa ng Bayan</a> - a review of the 1980s <a href="https://en.wikipedia.org/wiki/Martial_law_in_the_Philippines">martial law</a> song</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

42
writings/everything2/martsangbayan.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Martsa ng Bayan - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title=">Some of my best writeups in Everything2 - Job Bautista">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Martsa ng Bayan</h1>
<p><strong><em>Martsa ng Bayan</em></strong> (English: <strong><em>March of the People</em></strong>) is a <a href="https://everything2.com/title/revolutionary">revolutionary</a> song composed by <a href="https://en.wikipedia.org/wiki/National_Democracy_Movement_(Philippines)">national democratic</a> <a href="https://everything2.com/title/activism">activist</a> <a href="https://en.wikipedia.org/wiki/Jes%C3%BAs_Manuel_Santiago">Jess Santiago</a> in the 1980s. It was written for all sectors of <a href="https://everything2.com/title/Philippines">Philippine</a> society to unite against the <a href="https://everything2.com/title/Ferdinand+Marcos">Marcos</a> <a href="https://everything2.com/title/dictatorship">dictatorial</a> regime. Now it is still used today as an <a href="https://everything2.com/title/anti-dictatorship">anti-dictatorship</a>, <a href="https://everything2.com/title/anti-fascist">anti-fascist</a> song, especially (as of writing) against the current administration of <a href="https://everything2.com/title/Rodrigo+Duterte">Rodrigo Duterte</a>.</p>
<p>I was not born before or during the <a href="https://everything2.com/title/Martial+Law">Martial Law</a> era, but I know that my countrymen and women fought against the fascist and dictatorial regime of <a href="https://everything2.com/title/Ferdinand+Marcos">Marcos</a>. This song is one of the proof that the people are unhappy with the regime's <a href="https://everything2.com/title/corruption">corruption</a>, <a href="https://everything2.com/title/feudalism">feudalism</a>, and violation of <a href="https://everything2.com/title/human+rights">human rights</a>. It was not only the <a href="https://everything2.com/title/worker">workers</a>, <a href="https://everything2.com/title/peasant">peasants</a>, and <a href="https://everything2.com/title/progressivism">progressive</a> <a href="https://everything2.com/title/student">students</a> who fought back, but also the middle-class, the <a href="https://everything2.com/title/church">church</a> people, and the patriotic <a href="https://everything2.com/title/bourgeoisie">bourgeoisie</a>. The song says:</p>
<blockquote>
<em>
<a href="https://everything2.com/title/worker">Manggagawa</a> at <a href="https://everything2.com/title/farmer">magsasaka</a><br />
<a href="https://everything2.com/title/youth">Kabataan</a> at <a href="https://everything2.com/title/professional">propesyunal</a><br />
Mga alagad ng <a href="https://everything2.com/title/church">simbahan</a><br />
<a href="https://everything2.com/title/businessmen">Negosyante</a> at <a href="https://everything2.com/title/leader">pinunong</a> <a href="https://everything2.com/title/patriotism">makabayan</a>
</em>
</blockquote>
<p>The song is still relevant in today's Philippine society. We have a new Marcos: <a href="https://everything2.com/title/Rodrigo+Duterte">Rodrigo Duterte</a>. A Marcos-wannabe, a <a href="https://everything2.com/title/fascist">fascist</a>, <a href="https://everything2.com/title/anti-poor">anti-poor</a>, <a href="https://everything2.com/title/anti-worker">anti-worker</a>, and a puppet of the <a href="https://everything2.com/title/United+States+of+America">United States</a>. The Filipino must once again <a href="https://everything2.com/title/revolt">revolt</a> and chant this song.</p>
<p><a rel="up" href="/writings/everything2">Back to my e2 writeups</a></p>
<hr />
<footer>
<a href="https://everything2.com/user/pandakekok9/writeups/Martsa+ng+Bayan" title="Originally published in Everything2"><img src="everything2_logo.png" alt="Originally published in Everything2" /></a><br />
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

42
writings/everything2/palengke.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Palengke - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title=">Some of my best writeups in Everything2 - Job Bautista">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Palengke</h1>
<div class="multipleimgcenter" id="pictures" title="Your typical palengkes. Both taken by Hulagway on Flickr. CC-BY-2.0">
<img src="palengke1.jpg" alt="Meat section of a palengke in Danao City" />
<img src="palengke2.jpg" alt="Vegetables in a palengke in Danao City" />
</div>
<p>A <strong><em>palengke</em></strong> is a public <a href="https://everything2.com/title/market">market</a> common in the <a href="https://everything2.com/title/Philippines">Philippines</a>. It is where the <a href="https://everything2.com/title/Filipino">Filipino</a> masses shop for their <a href="https://everything2.com/title/need">needs</a>, especially <a href="https://everything2.com/title/food">food</a>.</p>
<p>The word <em>palengke</em> came from the <a href="https://everything2.com/title/Spanish">Spanish</a> word <em><a href="https://everything2.com/title/palenque">palenque</a></em>, which literally means a <a href="https://everything2.com/title/palisade">palisade</a> or <a href="https://everything2.com/title/stockade">stockade</a>, a <a href="https://everything2.com/title/wall">wall</a>. During the Spanish <a href="https://everything2.com/title/colonization">colonization</a>, the word was used to describe a pathway or a cluster of tables set up at a gathering of <a href="https://everything2.com/title/indio">indios</a> such as a <a href="https://everything2.com/title/theater">theater</a>, <a href="https://everything2.com/title/tournament">tournament</a>, or a <strong><a href="https://everything2.com/title/market">market</a></strong>. Eventually, the <a href="https://everything2.com/title/Spaniard">Spaniards</a>' rule ended and the context for <em>palenque</em>, now <em>palengke</em>, refers to the, you guessed it, the <a href="https://everything2.com/title/market">market</a>.</p>
<p>Nowadays, a <em>palengke</em> is usually composed of several dozen <a href="https://everything2.com/title/stall">stalls</a> sharing a common roof. The <a href="https://everything2.com/title/Filipino">Filipinos</a> have embraced the <em>palengke</em> as part of their <a href="https://everything2.com/title/culture">culture</a>. <a href="https://everything2.com/title/Daily">Everyday</a>, someone in the <a href="https://everything2.com/title/family">family</a> (commonly the mom or the eldest child) would go to the <em>palengke</em> to buy some <a href="https://everything2.com/title/meat">meat</a>, <a href="https://everything2.com/title/vegetables">vegetables</a> and <a href="https://everything2.com/title/rice">rice</a>. If there's some money left after buying what is needed, they may buy some <a href="https://everything2.com/title/toys">toys</a>, <em><a href="https://everything2.com/title/sampaguita">sampaguita</a></em>, and <a href="https://everything2.com/title/pasalubong">other items they want to bring on the way back home</a>.</p>
<p>Though the <em>palengke</em> has long been part of <a href="https://everything2.com/title/Filipino+culture">Filipino culture</a>, it is criticized as being <a href="https://everything2.com/title/sanitation">unsanitary</a>, <a href="https://everything2.com/title/obsolete">obsolete</a>, and hindering <a href="https://everything2.com/title/modernization">modernization</a>, which is why the <em>palengke</em> is often connected to <a href="https://everything2.com/title/poverty">poverty</a>. Recently, it is being challenged by the more <a href="https://everything2.com/title/commercial">commericalized</a> <a href="https://everything2.com/title/supermarket">supermarkets</a> and shopping <a href="https://everything2.com/title/mall">malls</a> and <a href="https://everything2.com/title/shopping+center">centers</a>. Supporters of the <em>palengke</em> argue that it can't be removed from Filipino culture, and that the <em>palengke</em> instilled a sense of <a href="https://everything2.com/title/community">community</a> which the more "<a href="https://everything2.com/title/modern">modern</a>" alternatives can't replicate. <a href="https://everything2.com/title/In+my+opinion">In my opinion</a>, as long as poverty and <a href="https://everything2.com/title/conservatism">conservatism</a> remains, the concept of <em>palengke</em> will not be obsolete, and <a href="https://everything2.com/title/future-proof">it will live on for more generations to come</a>. <em><a href="https://everything2.com/title/Filipino+life">Parte na yan ng buhay.</a></em></p>
<p><a rel="up" href="/writings/everything2">Back to my e2 writeups</a></p>
<hr />
<footer>
<a href="https://everything2.com/user/pandakekok9/writeups/palengke" title="Originally published in Everything2"><img src="everything2_logo.png" alt="Originally published in Everything2" /></a><br />
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

BIN
writings/everything2/palengke1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
writings/everything2/palengke2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

73
writings/facebookfascism.html Normal file
View File

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Instances of Facebook defending Philippine fascism - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Job Bautista's writings">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Instances of Facebook defending Philippine fascism</h1>
<p>I'm tired of Facebook not taking down content that are obviously against their <a href="https://www.facebook.com/communitystandards">Community Standards</a>. If they don't want to enforce their standards on those fascists, why bother writing those standards in the first place?</p>
<p>Here is a list of every post and comment reported to Facebook since <time datetime="2020-11-22">22 November 2020</time> that haven't been taken down, despite obviously violating their so-called Community Standards. All times are in <a href="https://en.wikipedia.org/wiki/UTC%2B08%3A00">UTC+8</a> or <a href="https://en.wikipedia.org/wiki/Philippine_Standard_Time">Philippine Standard Time</a>. If you reported some fascist posts and comments and Facebook rejected your report twice, please do let me know by <a href="/contact.html">emailing me</a>. Use the format as can be seen below. Include the reason why it go against Facebook's rules (like advocating for the murder of leftists), the time you first reported the content, the time Facebook responded, the time you requested a review, and the time the review got rejected by Facebook with finality.</p>
<p>It's time that we hold Facebook accountable for their apologia for Philippine fascism, which has killed many innocent lives.</p>
<h2>SARA Duterte for President Movement</h2>
<ul>
<li><a href="https://www.facebook.com/story.php?story_fbid=208361147338965&id=110509417124139">NAG RALLY NA MGA AKTIBISTANG WOKES NA SUPPORTER NG TERRORISTANG NPA</a> - tags student activists as "communist terrorists". <p>Reported on <time datetime="2020-11-21 23:06">21 November 2020, 23:06</time>. Response from Facebook received on <time datetime="2020-11-22 00:09">00:09 the next day</time>. Requested a review on <time datetime="2020-11-22 11:08">11:08, 22 November 2020</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 12:16">12:16</time>. Post is still not yet taken down.</p>
</ul>
<h2>For the Global Public</h2>
<p>Probably the most rabid anti-communist fascist page I've ever seen. Most of their posts are harassing the <a href="https://en.wikipedia.org/wiki/Makabayan">Makabayan bloc</a> and other progressives, by branding them as "legal fronts" of the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">Communist Party of the Philippines</a>, which is obviously false. These posts are still not yet taken down.</p>
<ul>
<li><a id="ElagoAndLocsin" href="https://www.facebook.com/story.php?story_fbid=2862463454005692&id=2358721337713242">Post #1</a> - Harasses <a href="https://en.wikipedia.org/wiki/Sarah_Elago">Sarah Elago</a> of the <a href="https://en.wikipedia.org/wiki/Kabataan">Kabataan Partylist</a> (part of the <a href="https://en.wikipedia.org/wiki/Makabayan">Makabayan bloc</a>) and <a href="https://en.wikipedia.org/wiki/Angel_Locsin">Angel Locsin</a> (actress from <a href="https://en.wikipedia.org/wiki/ABS-CBN">ABS-CBN</a>), will only stop harassing them if they denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. <p>Reported on <time datetime="2020-11-22 14:06">22 November 2020, 14:06</time>. Response from Facebook received on <time datetime="2020-11-22 15:09">15:09 the same day</time>. Requested a review on <time datetime="2020-11-22 15:56">15:56</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:40">17:40</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2876043972647640&id=2358721337713242">Post #2</a> - Harasses the <a href="https://en.wikipedia.org/wiki/Makabayan">Makabayan bloc</a> by branding them as "communist terrorists". <p>Reported on <time datetime="2020-11-22 14:01">22 November 2020, 14:01</time>. Response from Facebook received on <time datetime="2020-11-22 16:13">16:13</time>. Requested a review on <time datetime="2020-11-22 16:19">16:19</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:38">17:38</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2861220950796609&id=2358721337713242">Post #3</a> - Harasses Fatima Sarah Rico of <a href="https://twitter.com/AnakbayanEuropa">Anakbayan-Europa</a> as a "terrorist recruiter". <p>Reported on <time datetime="2020-11-22 14:08">22 November 2020, 14:08</time>. Response from Facebook received on <time datetime="2020-11-22 15:10">15:10</time>. Requested a review on <time datetime="2020-11-22 15:57">15:57</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:10">17:10</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2861224640796240&id=2358721337713242">Post #4</a> - The same shit as <a href="#ElagoAndLocsin">Post #1</a>. <p>Reported on <time datetime="2020-11-22 14:08">22 November 2020, 14:08</time>. Response from Facebook received on <time datetime="2020-11-22 15:10">15:10</time>. Requested a review on <time datetime="2020-11-22 15:57">15:57</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:09">17:09</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2856167541301950&id=2358721337713242">Post #5</a> - Brands <a href="https://en.wikipedia.org/wiki/Eufemia_Cullamat">Eufemia Cullamat</a> of <a href="https://en.wikipedia.org/wiki/Bayan_Muna">Bayan Muna</a> as a "communist terrorist". <p>Reported on <time datetime="2020-11-22 14:09">22 November 2020, 14:09</time>. Response from Facebook received on <time datetime="2020-11-22 15:12">15:12</time>. Requested a review on <time datetime="2020-11-22 15:58">15:58</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:04">17:04</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2873667742885263&id=2358721337713242">Post #6</a> - Again brands <a href="https://en.wikipedia.org/wiki/Eufemia_Cullamat">Eufemia Cullamat</a> as a "communist terrorist", and challenged her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. Uses the so-called "star witness" Jeffrey "Ka Eric" Celiz as evidence, which has been immediately debunked as a <a href="https://www.rappler.com/nation/lawyer-questions-credibility-parlade-star-witness-senate-probe-red-tagging">fraud</a>. <p>Reported on <time datetime="2020-11-22 14:03">22 November 2020, 14:03</time>. Response from Facebook received on <time datetime="2020-11-22 15:05">15:05</time>. Requested a review on <time datetime="2020-11-22 15:52">15:52</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:03">17:03</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2873645996220771&id=2358721337713242">Post #7</a> - Brands <a href="https://peoplaid.com/2019/12/11/france-castro/">France Castro</a> of <a href="https://en.wikipedia.org/wiki/ACT_Teachers_Partylist">ACT Teachers</a> as a "communist terrorist", and challenged her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. Uses the so-called "star witness" Jeffrey "Ka Eric" Celiz as evidence. <p>Reported on <time datetime="2020-11-22 14:05">22 November 2020, 14:05</time>. Response from Facebook received on <time datetime="2020-11-22 15:07">15:07</time>. Requested a review on <time datetime="2020-11-22 15:56">15:56</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:03">17:03</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2865351690383535&id=2358721337713242">Post #8</a> - The same shit as <a href="#ElagoAndLocsin">Post #1</a>. <p>Reported on <time datetime="2020-11-22 14:06">22 November 2020, 14:06</time>. Response from Facebook received on <time datetime="2020-11-22 15:09">15:09</time>. Requested a review on <time datetime="2020-11-22 15:56">15:56</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:03">17:03</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2866544746930896&id=2358721337713242">Post #9</a> - The same shit as <a href="#ElagoAndLocsin">Post #1</a>. <p>Reported on <time datetime="2020-11-22 14:05">22 November 2020, 14:05</time>. Response from Facebook received on <time datetime="2020-11-22 15:08">15:08</time>. Requested a review on <time datetime="2020-11-22 15:56">15:56</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2873647979553906&id=2358721337713242">Post #10</a> - Brands <a href="https://en.wikipedia.org/wiki/Carlos_Isagani_Zarate">Carlos Zarate</a> of <a href="https://en.wikipedia.org/wiki/Bayan_Muna">Bayan Muna</a> as a "communist terrorist", and challenged him to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. Uses the so-called "star witness" Jeffrey "Ka Eric" Celiz as evidence. <p>Reported on <time datetime="2020-11-22 14:04">22 November 2020, 14:04</time>. Response from Facebook received on <time datetime="2020-11-22 15:06">15:06</time>. Requested a review on <time datetime="2020-11-22 15:56">15:56</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2876045372647500&id=2358721337713242">Post #11</a> - Harasses Kara Taggaoa of the <a href="https://en.wikipedia.org/wiki/League_of_Filipino_Students">League of Filipino Students</a> by challenging her to denouncing the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. <p>Reported on <time datetime="2020-11-22 14:00">22 November 2020, 14:00</time>. Response from Facebook received on <time datetime="2020-11-22 15:03">15:03</time>. Requested a review on <time datetime="2020-11-22 15:54">15:54</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2873660022886035&id=2358721337713242">Post #12</a> - Brands Arlene Brosas of <a href="https://en.wikipedia.org/wiki/GABRIELA_Women's_Party">GABRIELA Partylist</a> as a "communist terrorist", and challenged her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. Uses the so-called "star witness" Jeffrey "Ka Eric" Celiz as evidence. <p>Reported on <time datetime="2020-11-22 14:04">22 November 2020, 14:04</time>. Response from Facebook received on <time datetime="2020-11-22 15:06">15:06</time>. Requested a review on <time datetime="2020-11-22 15:55">15:55</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2876044939314210&id=2358721337713242">Post #13</a> - Harasses Paula Janer of the <a href="https://medium.com/@cegphils">College Editors Guild of the Philippines</a>, and challenges her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. <p>Reported on <time datetime="2020-11-22 14:00">22 November 2020, 14:00</time>. Response from Facebook received on <time datetime="2020-11-22 15:03">15:03</time>. Requested a review on <time datetime="2020-11-22 15:55">15:55</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2876044715980899&id=2358721337713242">Post #14</a> - Harasses <a href="https://en.wikipedia.org/wiki/Sarah_Elago">Sarah Elago</a>, and challenges her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. <p>Reported on <time datetime="2020-11-22 14:01">22 November 2020, 14:01</time>. Response from Facebook received on <time datetime="2020-11-22 15:03">15:03</time>. Requested a review on <time datetime="2020-11-22 15:55">15:55</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2873663049552399&id=2358721337713242">Post #15</a> - Brands <a href="https://en.wikipedia.org/wiki/Sarah_Elago">Sarah Elago</a> as a "communist terrorist", and challenged her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. Uses the so-called "star witness" Jeffrey "Ka Eric" Celiz as evidence. <p>Reported on <time datetime="2020-11-22 14:03">22 November 2020, 14:03</time>. Response from Facebook received on <time datetime="2020-11-22 15:05">15:05</time>. Requested a review on <time datetime="2020-11-22 15:55">15:55</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:01">17:01</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2876043592647678&id=2358721337713242">Post #16</a> - Harasses various progressive women leaders, and brands them as "terrorist youth recruiters". <p>Reported on <time datetime="2020-11-22 14:01">22 November 2020, 14:01</time>. Response from Facebook received on <time datetime="2020-11-22 15:04">15:04</time>. Requested a review on <time datetime="2020-11-22 15:55">15:55</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:00">17:00</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2858115021107202&id=2358721337713242">Post #17</a> - Harasses the leaders of the Kabataan Partylist, <a href="https://en.wikipedia.org/wiki/Bayan_Muna">Bayan Muna</a>, and GABRIELA Partylist. All three branded as "communist terrorist organizations". This time, their accusations are even more ridiculous. <p>The first picture accuses <a href="https://en.wikipedia.org/wiki/Sarah_Elago">Sarah Elago</a> of "recruiting the youth for armed struggle against the government", and "offers innocent girls to NPA commanders as sex toys".</p> <p>The second picture accuses <a href="https://en.wikipedia.org/wiki/Carlos_Isagani_Zarate">Carlos Zarate</a> of "sustaining the communist terrorist group by deceiving and abusing the youth, women, and less fortunate".</p> <p>The third picture is probably the most amusing of all. It accuses Arlene Brosas of "wasting taxes on rallies".</p> <p>The first and second pictures' claims remain unsupported by hard evidence, while the third, um, it depends on your view. I personally don't think of rallies as a waste of money. I think the budget of the <a href="https://en.wikipedia.org/wiki/Red-tagging_in_the_Philippines#Journalists">National Task Force on Ending Local Communist Armed Conflict</a> is the waste here, and should be redirected to calamity relief and social services.</p> <p>Back on topic, reported on <time datetime="2020-11-22 14:08">22 November 2020, 14:08</time>. Response from Facebook received on <time datetime="2020-11-22 15:11">15:11</time>. Requested a review on <time datetime="2020-11-22 15:58">15:58</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 16:59">16:59</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2848077182110986&id=2358721337713242">Post #18</a> - Brands <a href="https://en.wikipedia.org/wiki/Carlos_Isagani_Zarate">Carlos Zarate</a> and <a href="http://www.congress.gov.ph/members/search.php?id=gaite-f">Ferdinand Gaite</a> of <a href="https://en.wikipedia.org/wiki/Bayan_Muna">Bayan Muna</a> as "communist terrorists". They accuse both of "stealing from the people's coffers" (which is what the Duterte administration doing, inspired by the infamous <a href="https://en.wikipedia.org/wiki/Ferdinand_Marcos#Ill-gotten_wealth">plunder by the Marcoses in the '70s and '80s</a>) and "deceiving and manipulating the people" (which again is a Duterte strat). <p>Reported on <time datetime="2020-11-22 14:09">22 November 2020, 14:09</time>. Response from Facebook received on <time datetime="2020-11-22 15:12">15:12</time>. Requested a review on <time datetime="2020-11-22 15:50">15:50</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 16:56">16:56</time>.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=2876046099314094&id=2358721337713242">Post #19</a> - Harasses Alex Danday of Anakbayan by challenging her to denounce the <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. <p>Reported on <time datetime="2020-11-22 14:09">22 November 2020, 14:09</time>. Response from Facebook received on <time datetime="2020-11-22 15:12">15:12</time>. Requested a review on <time datetime="2020-11-22 20:56">20:56</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-23 05:58">05:58 the next day</time>.</p>
</ul>
<h2>Anti-Communist Philippines</h2>
<ul>
<li><a href="https://www.facebook.com/story.php?story_fbid=427119048682467&id=104194530974922">Ang tunay na kalaban ay nagtatago sa likod ng mga kawawang legal na organisasyon</a> - Links the legal progressive groups with the underground <a href="https://en.wikipedia.org/wiki/Communist_Party_of_the_Philippines">CPP</a>-<a href="https://en.wikipedia.org/wiki/New_People's_Army">NPA</a>-<a href="https://en.wikipedia.org/wiki/National_Democratic_Front_of_the_Philippines">NDF</a>. Guilt by association is dangerous, and shouldn't be tolerated in a rule of law. <p>Reported on <time datetime="2020-11-22 13:57">22 November 2020, 13:57</time>. Response from Facebook received on <time datetime="2020-11-22 14:59">14:59 the same day</time>. Requested a review on <time datetime="2020-11-22 15:51">15:51</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-22 17:02">17:02</time>. Post is still not yet taken down.</p>
</ul>
<h2>The Right Luzonian</h2>
<p>Apparently created to harass and red-tag the meme groups of <a href="https://www.facebook.com/malacanangmemes/">Malacanang Memes</a>, of which I'm part of.</p>
<ul>
<li><a href="https://www.facebook.com/story.php?story_fbid=1686153748213007&id=1150262448468809">Pighati’t tuwa makikita ang ka plastikan ng mga bwakanabits. Matapang sa lansangan, iyakin sa desinteng lugar. Yan ang mga kumonista Walang batas batas para sa kanila. Pero sa iba pwede.</a> - Red-tags Sarah Elago and the Makabayan bloc. <p>Reported on <time datetime="2020-11-28 10:39">28 November 2020, 10:39</time>. Response from Facebook received on <time datetime="2020-11-28 11:41">11:41 the same day</time>. Requested a review on <time datetime="2020-11-28 13:35">13:35</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-11-29 07:10">07:10 the next day</time>. Post is still not yet taken down.</p>
<li><a href="https://www.facebook.com/story.php?story_fbid=1686423518186030&id=1150262448468809">Museo De Recruitment: Communist Murderer and life destroyer version. Guyundin ang pagabuso sa mga kababaihan!</a> - Red-tags Sarah Elago again, and accuses her of being a recruiter of the NPA.<p>Reported on <time datetime="2020-11-28 10:37">28 November 2020, 10:37</time>. Response from Facebook received on <time datetime="2020-12-03 08:00">3 December 2020, 08:00</time>. Requested a review on <time datetime="2020-12-03 13:35">10:38 the same day</time>. A "specialist on their team" said it doesn't go against any of their Community Standards at <time datetime="2020-12-03 11:57">11:57</time>. Post is still not yet taken down.</p>
</ul>
<h2>Individuals</h2>
<ul>
<li><a href="https://www.facebook.com/photo.php?fbid=10224859091081497">Randy CM's comment</a> falsely linking the deaths of the students to the legal progressive groups. <p>Reported on <time datetime="2020-11-22 14:04">22 November 2020, 14:04</time>. Response from Facebook received on <time datetime="2020-11-22 15:07">15:07 the same day</time>, with no option to request another review. Comment is still not yet taken down.</p>
</ul>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

35
writings/index.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Job Bautista's writings</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="/" title="Job Bautista's personal website">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Writings</h1>
<ul>
<li><a href="/writings/darkmode.html">You can now toggle dark mode on this website!</a> - How to toggle dark mode for your eyes at night (<time datetime="2020-12-01">1 December 2020</time>)
<li><a href="/writings/facebookfascism.html">Instances of Facebook defending Philippine fascism</a> (last updated <time datetime="2020-12-03">3 December 2020</time>)
<li><a href="/writings/reusinghtml.html">Reusing HTML</a>, my experience of reusing HTML code with iframes (<time datetime="2020-11-22">22 November 2020</time>)
<li><a href="/writings/yoke.html">Yoke</a>, a poem about the coronavirus (<time datetime="2020-11-19">19 November 2020</time>)
<li><a href="/writings/everything2">Selected writings originally published in Everything2</a>
</ul>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

42
writings/reusinghtml.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reusing HTML - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Job Bautista's writings">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Reusing HTML</h1>
<p>
When I was at the beginning of writing this website, I thought about creating a footer (which you see right now) that contains a convenient link back to my main page, an acknowledgement of Neocities (since it's included by default anyway when you start a website, so why not make use of it), and later a proud mark of a valid <a href="https://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a>. Then I thought about a way to reuse that <a href="https://en.wikipedia.org/wiki/HTML">HTML</a> without copy-pasting the whole footer's code everytime I make a change to the footer. I settled with <a href="https://www.w3schools.com/tags/tag_iframe.asp">iframes</a>, because they didn't require any scripting, whether its <a href="https://en.wikipedia.org/wiki/Javascript">client-side</a> (which I have little knowledge of), or <a href="https://www.php.net/">server-side</a> (which I also have little knowledge of, and is not possible under Neocities' free plan anyway). I looked at other websites and see if they use iframes to reuse HTML. And not surprisingly, they don't. So why not use iframes? They seem to be more convenient, and doesn't require any scripting. Ok, not all browsers properly support iframes (<a href="https://en.wikipedia.org/wiki/w3m">w3m</a> totally doesn't support iframes at all, <a href="https://en.wikipedia.org/wiki/Lynx_(web_browser)">lynx</a> at least allows the user to navigate to the content inside of the iframe), but that's not a concern for me. Javascript is more likely to break compatibility than iframes, I thought.
</p>
<h2>Enlightenment</h2>
<p>
Turns out there's a good reason why you shouldn't use iframes for reusing HTML. While it worked perfectly for my footer (as long as you remove the borders and adjust the width and height of the iframe, which I recommend doing in your site's global CSS), it wasn't the case for my header, even now. Y'see, if you try to put a header that occupies like a horizontal bar on your screen, into an iframe, it doesn't display well. It becomes obvious when you zoom in, or use a mobile browser like Safari in the iOS. The bar doesn't adjust to the screen or zoom size. So I had to learn how to make my header iframe responsive. <a href="https://www.w3schools.com/howto/howto_css_responsive_iframes.asp">The solution I found</a> did fix the problem by making the header wrap for smaller screens, but it introduced two new problems: the first one was that it resulted in a significant amount of unused space when rendered. That's unacceptable. I had to experiment with a lot of CSS to fix the problem, but I wasn't able to properly reclaim all of that unused space. If I did, it would then cover my first heading. So I settled with a compromise by setting the header tag's top padding to 4px, and bottom padding to 80px. It still resulted in some unused space, but it was a lot better than before, and it looks good in mobile devices in their portrait orientation. The other problem is that zooming in to 130% will bring up the scrollbar of the header's iframe. I decided to ignore that problem instead of trying to fix it (which could lead to more problems instead of eliminating it).
</p>
<h2>To end...</h2>
<p>
So I now fully understand why a lot of websites don't bother using iframes to reuse the HTML of their headers and footers. It's just too much of a hassle to keep those two look right while inside an iframe. Which is why they settled with Javascript, or PHP if they want maximum compatibility. Can't blame them.
</p>
<p>
I won't be replacing the iframe solution with JS though, because I think that's worse in terms of compatibility (think about the text-only browsers in text-only consoles). I might consider PHP, but only if it is really necessary, and when I become a <a href="https://neocities.org/supporter">Supporter</a> of Neocities. I hope the <a href="https://whatwg.org/" title="Web Hypertext Application Technology Working Group">WHATWG</a> consider making the reuse of HTML for headers and footers easier, and not require any sort of scripting to achieve that. They could either extend the existing <a href="https://www.w3schools.com/tags/tag_iframe.asp">iframe tag</a>, or create a new one (I suggest &#60;reuse&#62; with the src attribute).
</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

53
writings/sineprogresibo.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SineProgresibo, a torrent of Filipino progressive movies - Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Job Bautista's writings">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>SineProgresibo, a torrent of progressive movies</h1>
<p>A mirror of <a href="https://drive.google.com/drive/folders/11TmVJKNJcDGsMGDLNdfghnehsEZiF5mN">this folder</a> containing Filipino progressive movies from 1974 to 2018.</p>
<p>File list:</p>
<ol>
<li>1974 - Tatlo, Dalawa, Isa (dir. Lino Brocka).m4v</li>
<li>1976 - Insiang (dir. Lino Brocka).mkv</li>
<li>1976 - Sakada (dir. Behn Cervantes).m4v</li>
<li>1984 - Sister Stella L. (dir. Mike de Leon).mp4</li>
<li>1988 - A Rustling of Leaves (Dir. Nettie Wild).avi</li>
<li>1989 - Orapronobis (Dir. Lino Brocka).mp4 (<a href="https://0x0.st/-Adx.mp4">Alternative non-torrent download link</a>, if it's down, <a href="/contact.html">contact me</a>!)</li>
<li>2002 - Dekada 70 (Dir. Chito S. Roño) .mp4</li>
<li>2004 - Red Saga (Dir. Kiri Dalena).mp4 (<a href="https://0x0.st/-Adg.mp4">Alternative non-torrent download link</a>)</li>
<li>2005 - Sa Ngalan ng Tubo (Tudla Prod.) .mpg (<a href="https://0x0.st/-AdE.mpg">Alternative non-torrent download link</a>)</li>
<li>2012 - Nanay Mameng (dir. Adjani Arumpac).m4v .m4v</li>
<li>2013 - Barber's Tale (Mga Kwentong Barbero).mkv</li>
<li>2013 - The Guerilla Is a Poet (Dir. Kiri & Sari Dalena).mp4</li>
<li>2013 - Yanan (dir. Mae Urtal Caralde).m4v</li>
<li>2015 - Ang Mga Alingawngaw ng Pagpapasya (Dir. Hector Calma).mp4 (<a href="https://0x0.st/-Ad6.mp4">Alternative non-torrent download link</a>)</li>
<li>2015 - Portraits of Mosquito Press (Dir. JL Burgos).mp4 (<a href="https://0x0.st/-AnN.mp4">Alternative non-torrent download link</a>)</li>
<li>2017 - Gikan Sa Ngitngit Nga Kinailadman (Dir. Kiri Dalena).m4v</li>
<li>2017 - Lupalop (Panday Sining).mp4 (<a href="https://0x0.st/-Anq.mp4">Alternative non-torrent download link</a>)</li>
<li>2017 - Tu Pug Imatuy (dir. Arnel Barbarona).m4v</li>
<li>2018 - Pagkatapos Ng Tigkiriw (dir. Danielle Madrid).mp4 (<a href="https://0x0.st/-Ana.mp4">Alternative non-torrent download link</a>)</li>
</ol>
<p>Total file size of all videos combined is 12.9 gibibytes (13,867,844,173 bytes).</p>
<p>Download this <a href="https://0x0.st/-Adv.torrent">torrent file</a> or use this <a href="magnet:?xt=urn:btih:3a7ae37d1b439a5d02818062c0d6fd7e6bdde504&dn=SineProgresibo">magnet link</a> and start torrenting using your favorite torrent client. Don't forget to seed to at least 2.0 ratio after downloading. Remember, when you share data, <a href="http://libcom.org/files/downloading-communism.png">you share communism</a>! ;)</p>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>

58
writings/yoke.html Normal file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yoke, a poem by Job Bautista</title>
<link href="/index.css" rel="stylesheet" type="text/css" media="all">
<link href="/light.css" rel="stylesheet" type="text/css" media="all" title="Light mode">
<link href="/dark.css" rel="alternate stylesheet" type="text/css" media="all" title="Dark mode">
<link rel="top" href="/" title="Job Bautista's personal website">
<link rel="up" href="./" title="Job Bautista's writings">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header>
<script src="/nav.js"></script>
<noscript><iframe id="top" name="top" src="/nav.html"></iframe></noscript>
</header>
<hr />
<h1>Yoke</h1>
<div id="poem" class="txtcenter">
<p>
The <a href="https://en.wikipedia.org/wiki/Coronavirus_disease_2019">coronavirus</a> had caught us all by surprise<br />
We thought that by our <a href="https://en.wikipedia.org/wiki/Christianity">faith</a> in Jesus Christ<br />
The virus wouldn’t <a href="https://en.wikipedia.org/wiki/COVID-19_pandemic_lockdowns">affect</a> so many lives<br />
But here we are, like a dog being bitten by lice<br />
A lice that doesn’t care about our cries
</p>
<p>
The plague revealed our <a href="https://yourstory.com/2020/04/coronavirus-pandemic-tells-story-humanity">wrongs</a><br />
The heart of the state, the hierarchy, turned out to be <a href="https://www.counterpunch.org/2020/04/06/covid-19-and-the-failures-of-capitalism/">cold</a><br />
<a href="https://en.wikipedia.org/wiki/Capitalism">Capitalism</a> is a parasite that limits the masses’ growth<br />
We had become slaves to this system that is <a href="https://en.wikipedia.org/wiki/History_of_capitalism">old</a><br />
It is now that this injustice shall be overthrown by our <a href="https://en.wiktionary.org/wiki/yoke#Verb">yoke</a>.
</p>
<p>
But before <a href="https://en.wikipedia.org/wiki/Revolution">that</a>, there’s a priority task that needs to be done<br />
Billions of people, this <a href="https://en.wikipedia.org/wiki/Virus">code</a> had slapped into the <a href="https://en.wikipedia.org/wiki/Death">gone</a><br />
As rational beings, we must <a href="https://en.wikipedia.org/wiki/Self-isolation">stay inside our house</a><br />
Not only for safety, but as solidarity to our <a href="https://en.wikipedia.org/wiki/COVID-19_pandemic_deaths">fallen</a> loved ones<br />
For when we finally win this fight, from the ashes of <a href="https://en.wikipedia.org/wiki/Capitalism">yesterday</a> we will rebuild into <a href="https://en.wikipedia.org/wiki/Socialism">something</a> we all love.
</p>
<p>
More praise to the scientists’ genius works<br />
More power to those in construction work<br />
Give thanks to those who risk their lives as a nurse<br />
Salute to the medical doctors who lead this effort<br />
And most importantly, let us not forget to pray to Jesus Christ our Lord.
</p>
</div>
<hr />
<footer>
<script src="/footer.js"></script>
<noscript><div><iframe id="bottom" name="bottom" src="/footer.html"></iframe></div></noscript>
<a id="navfix" href="/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>