History of Titlepage.
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.

72 lines
2.1 KiB

6 years ago
5 years ago
5 years ago
6 years ago
  1. <html>
  2. <head>
  3. <title>Steak Electronics: Steaky Steak Steak</title>
  4. <style type="text/css">
  5. @font-face {
  6. font-family: 'ebfont';
  7. src: url('http://steakelectronics.com/apple_kid.ttf') format('truetype');
  8. font-weight: normal;
  9. font-style: normal;}
  10. p {
  11. font-family: 'ebfont';
  12. font-size: 23px;
  13. }
  14. </style>
  15. <!-- A few comments about embedding fonts.
  16. these two lines here (weight, style) in font face are necessary
  17. They must be in fontface, and not needed in paragraph
  18. fontface works in paragraph but not in body
  19. no matter how you try to make it work, it will NOT work in my firefox.
  20. but paragraph tag works.
  21. @font-face is very poorly implemented in firefox is what I found. My notes above show subtle
  22. changes that were required, OUTSIDE of the examples. I did not test other browsers.
  23. different firefox browsers give different results as well. A real disaster.
  24. When troubleshooting this do the following:
  25. - Use inspector / firebug for the following points
  26. - Watch network to see if font downloaded
  27. - Review console to see any error messages about font
  28. - Review code to make sure it's not caching (disable caching if needed in inspector, settings)
  29. If anyone is interested where this font came from it's the EBMain font (of course from Mother 2 aka Earthbound).
  30. -->
  31. </head>
  32. <body bgcolor="#000000" link="grey">
  33. <img width="450px" src="logo3.jpg">
  34. <pre><font color="#fafafa"><p>Steak Electronics is an electronics and IT consulting firm located near Boston, MA.
  35. This company promotes Free and Open source software.
  36. <!--"Try Steak"-->
  37. <a href="http://steakelectronics.com/about.html">About</a>
  38. <a href="https://blog.steakelectronics.com/">Blog</a>
  39. Contact me at website(REMOVETHIS)@steakelectronics.com
  40. <a href="https://git.steakelectronics.com/">Documentation</a> Git repository. Public domain.
  41. <img width="450px" src="picofday.jpg">
  42. Folks, gather around, and behold... The future of electronics, and all metal... I present to you - RUST.
  43. </p>
  44. </font>
  45. </pre>
  46. </body>
  47. </html>
  48. <!-- TODO: Need to have outline of fish, bulls head, or deer, change randomly on homepage -->
  49. <!-- TODO: Need to have some other random input from outside here. -->