2014-10-08 - Re: [GRASE-Hotspot] CSV from Mysql Database ??? example

Header Data

From: bartosz <ba***z@miklaszewski.com>
Message Hash: 388a98467307a0460d94b0d4e5260054300c05e401dc8441638fef00db0dfb92
Message ID: <7ccfc416-c142-4775-a23e-92b53d68d7b8@grasehotspot.org>
Reply To: <968bd8af-0c03-4504-8d18-a13cf57cf739@grasehotspot.org>
UTC Datetime: 2014-10-08 20:33:09 UTC
Raw Date: Wed, 08 Oct 2014 20:33:09 -0700

Raw message 

ok, so i draw something quickly:
example: http://www.miklaszewski.com/test.html

code: needs to be change/modify - this is just quick job, so you can see 
what i mean :)

<div class="cutout_ticket">
<div id="custom_img"><img src="http://miklaszewski.com/grase.png" align=
"left" height="80px"></div>
<div id="top_info"><strong>Welcome to Grase Wi-Fi!</strong></div>
<div id="userandpassword">Username:<strong>password1</strong><br>Password:
<strong>password2</strong></div>
<div id="bottom_info">Thank You for your custom!</div>
</div>


<style>
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(http://fonts.googleapis.com/css?family=Oxygen);
#cutout_tickets {
height: 100px;
}
body {
    line-height: 1.5;
    color: black;
    background-color : white;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}
#custom_img {
top: 10px;
position: relative;
vertical-align: bottom;
left: 0px;
height: 70px;
width: 25%;
float: left;
}
#top_info {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 17px;
position: relative;
text-align: center;
top: 5px;
float: right;
width: 75%;
}
#userandpassword {
position: relative;
font-family: 'Oxygen', sans-serif;
text-align: center;
margin-top: 35px;
font-size: 12px;
}
#bottom_info {
position: relative;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 14px;
text-align: center;
top: 5px;
float: right;
width: 75%;
}

.cutout_ticket {
    outline: solid 1px black;
    margin: 0.1cm;
    width: 6.4cm;
  height: 100px;
    float: left;
    text-align: left;
    font-size: 10pt;
    page-break-inside: avoid;
}

.ticket_item_label {
    padding-left: 0.3em;
    width: 5.5em;
    display: inline-block;
}

.info_username, .info_password {
    font-weight: bold;
}

#generated {
    display: none;
}
</style>

what you think ?

Thread