|
|
- <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">
-
- <img width="450px" src="logo_fullsize.png">
-
- <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://blog.steakelectronics.com/">Blog</a>
-
- <a href="https://git.steakelectronics.com/">Projects</a> Git repository. Public domain.
-
- <a href="https://steakwiki.com/">Wiki</a>
-
- <hr>
- <!-- Pic of Day:
- something like:
- /etc/crontab
- */2 * * * * root cp $(find /picsofday/* -print | shuf | head -n 1) picofday.jpg > /dev/null 2>&1
- -->
- Featured Pictures:
-
- <!--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: 100px; left: 200px; width:703px; height: 581px; z-index: 5;">
- </div>
- <table>
- <tr>
- <td><img width="250px" src="picofday.jpg"></td>
- <td><img width="250px" src="picofday2.jpg"></td>
- <td><img width="250px" src="picofday3.jpg"></td>
- <td><img width="250px" src="picofday4.jpg"></td>
- </tr>
- <tr>
- <td><img width="250px" src="picofday5.jpg"></td>
- <td><img width="250px" src="picofday6.jpg"></td>
- <td><img width="250px" src="picofday7.jpg"></td>
- <td><img width="250px" src="picofday8.jpg"></td>
- </tr>
- </table>
- </div>
-
- <!--
- <img width="450px" src="picofday.jpg">
- <img width="450px" src="picofday2.jpg">
- <img width="450px" src="picofday3.jpg">
- <img width="450px" src="picofday4.jpg">
- <img width="450px" src="picofday5.jpg">
- <img width="450px" src="picofday6.jpg">
- <img width="450px" src="picofday7.jpg">
- <img width="450px" src="picofday8.jpg">
- -->
- </p>
- </font>
- </pre>
- </body>
- </html>
- <!-- TODO: 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. -->
|
