You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
3.1 KiB
95 lines
3.1 KiB
<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 -->
|