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.
104 lines
3.0 KiB
104 lines
3.0 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">
|
|
|
|
<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:
|
|
|
|
<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>
|
|
|
|
<!--
|
|
<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. -->
|