高知けいば単勝10レ–ス
ＹＳダービーＪ特別
平成１５年度
第１９回 第０３日
０４年０３月２２日
２３００－０３２２
１０００－５５５１
２７２２－７２００
０３８３－１１９２
♥ハルウララ
05◆◆◆◆100円
◆◆◆◆◆◆◆◆円
◆◆◆◆◆◆◆◆円
主催高知県競馬組合
円
This is a download page for the Haru Urara betting ticket replica. It's as barebones as possible to verify that it works without any other styling present. Here it is! The replica is by no means perfect, but i poured my heart and soul into it, so there's that. The only major thing that's missing is the monospace numbers font for the left side: if you find it, plase, tell me.
When the ticket is hovered over, it lights up a little, and if clicked, it opens up my Haru Urara shrine in a new tab. I would be grateful for not removing this function, unless you have your own page dedicated to Uu-chan to direct to instead, or if your page is strictly required to not be interactive. This is to have more people learn about Haru Urara. Otherwise, i ask for no credit or whatever.
高知けいば単勝10レ–ス
ＹＳダービーＪ特別
平成１５年度
第１９回 第０３日
０４年０３月２２日
２３００－０３２２
１０００－５５５１
２７２２－７２００
０３８３－１１９２
♥ハルウララ
05◆◆◆◆100円
◆◆◆◆◆◆◆◆円
◆◆◆◆◆◆◆◆円
主催高知県競馬組合
円
To take this ticket to your own website, download haruticket.css, reupload it to your website and <link> to it in your page's head. This contains style descriptions for #haruticket id. Make sure you have no element with this id before proceeding. Make sure <meta charset="utf-8"> is present at your page's <head>!
After that, download the font.zip archive. To make this project display more or less the same across devices, noto serif and sans serif fonts are used, as well as an embedded version of Courier. Extract the archive and upload the "font" folder next to the .html page you want the ticket at. Notably, the font files are hefty in size, making the project a bit chonky; one can just take a screenshot of my replica and use that instead.
Then download the html text of the ticket layout and simply copy-paste its contents to your HTML page where you want the Haru omamori at.
The original size of my replica is 400x240 pixels. On modern browsers, it can be easily scaled down to taste with transform: scale() css, which is what i did for this site's home page.
Please, do not hotlink the required files from my site - reupload instead! Who knows when my domain expires or something otherwise bad happens.
Other Haru Urara shrine free memorabilia:
