diff --git a/index.html b/index.html index 983ecb0..629754e 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ + @@ -40,6 +41,26 @@ :  57447 U+E067
+ + accessibility pre : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre#specifications + +
+ 
+						___________________________
+				< I'm an expert in my field. >
+						---------------------------
+								\   ^__^
+								 \  (oo)\_______
+										(__)\       )\/\
+												||----w |
+												||     ||
+
+
+ A cow saying, "I'm an expert in my field." The cow is illustrated using + preformatted text characters. +
+
+ --> diff --git a/styles/pre.css b/styles/pre.css new file mode 100644 index 0000000..c5ff1de --- /dev/null +++ b/styles/pre.css @@ -0,0 +1,11 @@ +pre { + line-height: 0.8; + font-size: 1.2rem; +} + +@media screen and (max-width: 530px) { + pre { + font-size: 2.2vw; + } +} + diff --git a/styles/text.css b/styles/text.css index e2f6da2..f3ab2c3 100644 --- a/styles/text.css +++ b/styles/text.css @@ -5,18 +5,14 @@ font-weight: normal; font-style: normal; } -h1, h2, h3, h4, h5, h6, p, pre, li { +/* +*/ +body, pre { font-family: "notomono", monospace; font-size: 1.5rem; font-weight: normal; font-style: normal; } -p, li { -} -pre { - line-height: 0.8; - font-size: 1.2rem; -} ul { /* */ @@ -29,9 +25,3 @@ li { li::marker { font-size: 1.2rem; } - -@media screen and (max-width: 530px) { - pre { - font-size: 2.2vw; - } -}