|
|
@ -0,0 +1,101 @@ |
|
|
|
<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. --> |