Keramon.github.io/FF.html at master · Keramon/Keramon.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<html>

<head>

<style>
body {
background-color: #211C21;
color: #f5e5c2;
font-size: 4em;
font-weight: 500;
font-family: "Inter";
margin:10px 0px 300px 10px;
}
textarea {
width:99%;
background-color: #211C21;
border: 1px solid #f5e5c2;
color: #f5e5c2;
font-size: 1em;
position:fixed;
bottom:10px;
}

</style>

<script>
//------------------------

//To change background color or text color, just replace the style values above with the hex values for the colors you want.
//To change font size, just change the em value to what works for you (the standard size is 1, I like it at 1.5).
//To change font weight (boldness), just edit the value above.  100 is quite thin, 400 is default, 900 is quite thick.  You may want it higher than default for Mincho fonts.

//To change the font itself, put the ENGLISH name of your font in between the quotation marks above (some JP font names are in Japanese, such as "三次元切絵字").
//To find the English name of a given font, first install it, then open Firefox.
//Go to about:preferences#content in the address bar, then click on the 'Default font' drop-down menu.
//The "correct" name of your font will be listed here - just copy that down and paste it up above.

//Note that if you are fine with whatever font you have now then you can just leave the quotation marks above blank and the default font will be used.
//Your default is probably Gothic - if you want to try out a good Mincho font, try Aozora Mincho at http://www.freejapanesefont.com/aozora-mincho-download/
//For various other free Japanese fonts, visit http://www.freejapanesefont.com/
//For more font attribute information visit http://www.w3schools.com/css/css_font.asp

//------------------------

/**** Fun Stuff that you need to copy into your page ****/
document.addEventListener("DOMNodeInserted", function () {
  var LEEWAY = 200; // Amount of "leeway" pixels before latching onto the bottom.

  // Some obscene browser shit because making sense is for dweebs
  var b = document.body;
  var offset = b.scrollHeight - b.offsetHeight;
  var scrollPos = (b.scrollTop+offset);
  var scrollBottom = (b.scrollHeight - (b.clientHeight+offset));

  // If we are at the bottom, go to the bottom again.
  if (scrollPos >= scrollBottom - LEEWAY) {
    window.scrollTo(0,document.body.scrollHeight);
  }

}, false);
/**** End of the Fun Stuff ****/
</script>
</head>


<body>
<div>
<textarea rows="4" cols="30">
</textarea>
</div>
</body>


</html>