From de8cc95a70f2d447e1881ee7913aff61e72abae9 Mon Sep 17 00:00:00 2001 From: Ian Gulliver Date: Sun, 14 Apr 2019 17:34:34 +0000 Subject: [PATCH] Working content --- articles/2019-04-14-reboot.html | 10 +++++ include/article-footer.html | 1 + include/article-header.html | 11 ++++++ include/bottom.html | 6 +++ include/head.html | 6 --- include/page-footer.html | 3 ++ include/page-head.html | 9 +++++ include/page-header.html | 4 ++ include/{html.html => page-html.html} | 0 include/style.css | 55 ++++++++++++++++++--------- include/top.html | 9 +++++ index.html | 54 +++++--------------------- 12 files changed, 99 insertions(+), 69 deletions(-) create mode 100644 articles/2019-04-14-reboot.html create mode 100644 include/article-footer.html create mode 100644 include/article-header.html create mode 100644 include/bottom.html delete mode 100644 include/head.html create mode 100644 include/page-footer.html create mode 100644 include/page-head.html create mode 100644 include/page-header.html rename include/{html.html => page-html.html} (100%) create mode 100644 include/top.html diff --git a/articles/2019-04-14-reboot.html b/articles/2019-04-14-reboot.html new file mode 100644 index 0000000..7f63d03 --- /dev/null +++ b/articles/2019-04-14-reboot.html @@ -0,0 +1,10 @@ + + + + + +

Previous generations of "where the flamingcow roams" have existed on Blogger and Medium, but have been dormant for some time. Tired of my posts there being "decorated" by the hosting provider without approval and inspired by Fabien Sanglard, I'm rebooting here.

+ +

Posts prior to this one are copied from Blogger or Medium. Forgive me for all their historical naiveté. Posts after this are new here, and I'm sure will look equally silly in ten years.

+ + diff --git a/include/article-footer.html b/include/article-footer.html new file mode 100644 index 0000000..e123ba7 --- /dev/null +++ b/include/article-footer.html @@ -0,0 +1 @@ +
diff --git a/include/article-header.html b/include/article-header.html new file mode 100644 index 0000000..9ecc1e8 --- /dev/null +++ b/include/article-header.html @@ -0,0 +1,11 @@ + + + + + +

+ + +
diff --git a/include/bottom.html b/include/bottom.html new file mode 100644 index 0000000..75f0619 --- /dev/null +++ b/include/bottom.html @@ -0,0 +1,6 @@ + + + + + + diff --git a/include/head.html b/include/head.html deleted file mode 100644 index 6ad67c0..0000000 --- a/include/head.html +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/include/page-footer.html b/include/page-footer.html new file mode 100644 index 0000000..fb2a760 --- /dev/null +++ b/include/page-footer.html @@ -0,0 +1,3 @@ + diff --git a/include/page-head.html b/include/page-head.html new file mode 100644 index 0000000..a0208d7 --- /dev/null +++ b/include/page-head.html @@ -0,0 +1,9 @@ + + + + + + <!--# echo var="title" default="where the flamingcow roams" --> + diff --git a/include/page-header.html b/include/page-header.html new file mode 100644 index 0000000..8af9136 --- /dev/null +++ b/include/page-header.html @@ -0,0 +1,4 @@ +
+

where the flamingcow roams

+
+
diff --git a/include/html.html b/include/page-html.html similarity index 100% rename from include/html.html rename to include/page-html.html diff --git a/include/style.css b/include/style.css index 10c7333..23e9ece 100644 --- a/include/style.css +++ b/include/style.css @@ -20,32 +20,51 @@ body { a { color: #d8d8d8; - font-weight: bold; -} - -img { - border: none; } p { - margin-top: 0px; - margin-bottom: 25pt; text-align: justify; } -sup { - vertical-align: 0.3em; - font-size: 0.65em; -} - hr { + width: 100%; border-top: 0.1px solid white; } -pre { - background-color: black; - border: 1px solid white; - padding-left: 2ch; - padding-top: 1ch; - padding-bottom: 1ch; +header { + text-align: center; +} + +footer { + text-align: center; +} + +header hr { + width: 15em; +} + +h1 { + font-size: 16px; +} + +h1 a { + text-decoration: none; +} + +h2 { + font-size: 16px; + font-weight: bold; + text-transform: uppercase; + margin-block-start: 0.5em; + margin-block-end: 0.5em; +} + +h3 { + font-size: 16px; + font-weight: normal; +} + +.index ol { + list-style: none; + padding: 0; } diff --git a/include/top.html b/include/top.html new file mode 100644 index 0000000..83bb43f --- /dev/null +++ b/include/top.html @@ -0,0 +1,9 @@ + + + + + + +
+
+ diff --git a/index.html b/index.html index b7ac1ce..7c36218 100644 --- a/index.html +++ b/index.html @@ -1,48 +1,12 @@ - + + - - - + - -
-FABIEN SANGLARD'S  WEBSITE
---------------------------
- -ABOUT  RSS  EMAIL  TWITTER
-


-September 23, 2018
-
-
Bloated
-
-

-It used to happen sporadically but now it is a daily experience. As I am browsing the net I click on a link (usually a newspaper website). The page starts to load. Then I wait. And I wait. And I wait. It takes several seconds.
-
+

+
    +
  1. 2019-Apr-14: Reboot
    2. +
+
-Once loaded, my patience is not rewarded since my MacBook Air mid-2011 seems to barely be able to keep up. Videos start playing left and right. Sound is not even turned off by default anymore. This shitshow festival of lights and sounds is discouraging but I am committed to learn about world news. I continue.
-
- I have the silly idea to scroll down (searching for the meaty citations located between double quotes) and the framerate drops to 15 frames per second. Later, for no apparent reason, all fans will start running at full speed. The air exhaust will expel burning hot air. MacOS X's ActivityMonitor.app reveals countless "Helpers" processes which are not helping at all. I wonder if the machine is going to die on my lap, or take off like a jet and fly away.
-
-What a sad sight. My laptop is seven years old but its specs are far from ridiculous.
-
- - 1.7 Ghz Intel Core i5 with two hyper-threaded CPUs.
- - 4 GiB 1333Mhz DDR3
- - SSD drive
-
-A computer this powerful should be able to render any web-page gracefully. It used to do the job correctly a few years ago. It can't anymore even though it doesn't look like the new content is doing much more than it used to.
-
-I took a look at my own website and realized I was also guilty. The homepage requires 23 HTTP requests. It weighs 1.5 MiB and takes 800 milliseconds to load. All that to show six images and a banner. If you scroll down all the way to the bottom, your browser will have transfered 5.6 MiB while performing 78 HTTP requests. How did I end up building this crap?
-
-For every better, faster, energy-efficient CPU/Storage/RAM element produced by hardware designers it seems there are ten programmers ready to add a hundred features. In programming like in every day life, incremental degradation makes it surprisingly easy to over-consume available resources.
-
-There is hope. More and more of us are becoming aware of the problem. I am confident things will end up going in the right direction. On a personal note, it was time for this website to change.
-
-I am well aware there are many elements between a file on a server and the eyes of a reader. Like I am aware that a commercial website must solve problems a personal blog doesn't have to consider. Yet it seems like an increasingly good idea to take a few steps back and wonder if we are doing our best to use only what is needed. And do what we can about it, however infinitesimal we think it is.

-This is the new layout of fabiensanglard.net. I have removed the comment sections, most of the Javascript, and I will try to stick to text, svgs and webp images. I may have gone over the top by removing almost everything but this will be an interesting challenge to attempt to achieve more with less. -

- -
-
* - - - +