|
|
- <html>
- <head>
- <title>Steak Electronics: Electronics and IT Services</title>
-
- <style type="text/css">
- @font-face {
- font-family: 'ebfont';
- src: url('http://steakelectronics.com/apple_kid.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;}
- p {
- font-family: 'ebfont';
- font-size: 23px;
- }
- </style>
-
- <!-- A few comments about embedding fonts.
-
- these two lines here (weight, style) in font face are necessary
- They must be in fontface, and not needed in paragraph
-
- fontface works in paragraph but not in body
- no matter how you try to make it work, it will NOT work in my firefox.
- but paragraph tag works.
-
- @font-face is very poorly implemented in firefox is what I found. My notes above show subtle
- changes that were required, OUTSIDE of the examples. I did not test other browsers.
-
- different firefox browsers give different results as well. A real disaster.
-
- When troubleshooting this do the following:
- - Use inspector / firebug for the following points
- - Watch network to see if font downloaded
- - Review console to see any error messages about font
- - Review code to make sure it's not caching (disable caching if needed in inspector, settings)
-
- If anyone is interested where this font came from it's the EBMain font (of course from Mother 2 aka Earthbound).
- -->
- </head>
-
- <body bgcolor="#000000" link="grey">
-
- <!--minimalist inline css, because complex css sheets are messy -->
- <div style="position: relative; z-index: 1;"> <!-- relative with absolute child (css - fundamental) -->
- <div style="background-image: url('logo_fullsize.png'); position: absolute; top: 20px; left: 35px; width:703px; height: 450px; z-index: 5;">
- </div>
- <table>
- <tr>
- <td><img width="180px" src="picofday.jpg"></td>
- <td><img width="180px" src="picofday2.jpg"></td>
- <td><img width="180px" src="picofday3.jpg"></td>
- <td><img width="180px" src="picofday4.jpg"></td>
- </tr>
- <tr>
- <td><img width="180px" src="picofday5.jpg"></td>
- <td><img width="180px" src="picofday6.jpg"></td>
- <td><img width="180px" src="picofday7.jpg"></td>
- <td><img width="180px" src="picofday8.jpg"></td>
- </tr>
- </table>
- </div>
- <!-- Pic of Day:
- something like:
- /etc/crontab
- */2 * * * * root cp $(find /picsofday/* -print | shuf | head -n 1) picofday.jpg > /dev/null 2>&1
- -->
- <pre>
-
-
-
-
-
-
-
-
-
- <font color="#fafafa"><p>Steak Electronics is an electronics and IT consulting firm located near Boston, MA.<!--This company promotes Free and Open source software.-->
- <!--"Try Steak"-->
- <a href="http://steakelectronics.com/about.html">About</a> <a href="https://git.steakelectronics.com/">Projects</a> Git repository. Public domain.
-
- <a href="https://blog.steakelectronics.com/">Blog</a> <a href="https://steakwiki.com/">Wiki</a>
-
- <!-- <a href="https://git.steakelectronics.com/">Projects</a> Git repository. Public domain.
-
- <a href="https://steakwiki.com/">Wiki</a> -->
-
- </p>
- </font>
-
- </pre>
-
- </body>
- </html>
- <!-- DONE 4/2020: Need to have outline of fish, bulls head, or deer, change randomly on homepage -->
- <!-- TODO: Need to have some other random input from outside here. Sensors for example -->
|
