ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbfguestbe.tbf.ro / resources / views / pdf /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : qr_invitation_rasc.blade.php \| Size : 6.36 KB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> @font-face { font-family: 'Roboto'; src: url({{ storage_path('fonts/Roboto-Regular.ttf') }}) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Bold'; src: url({{ storage_path('fonts/Roboto-Bold.ttf') }}) format("truetype"); font-style: normal; } @page { margin: 50px 0; } .page-break{ page-break-after: always; } .ticket { page-break-inside: avoid; position: relative; margin-bottom: 30px; border-top: 2px dashed #000; border-bottom: 2px dashed #000; height: 200px; } .content-left { /position: absolute;/ /top: 0%;/ /left: 0%;/ width: 500px; height: 200px; } .content-left .image { display: inline-block; float: left; margin-left: 20px } .content-left .image .img-party { height: 168px; width: auto; margin-top: 20px; } .event-details { display: inline-block; float: left; padding: 30px 40px 30px 40px; } .event-details ul { padding-left: 16px; margin-top: 8px; } .event-details ul li { line-height: 1.2; font-family: 'Roboto'; font-size: 14px; } .event-details .date { background: #000; font-size: 14px; color: #FFF; padding: 4px 7px; display: inline-block; font-family: 'Roboto'; } .content-right { position: absolute; top: 0; right: 0; width: 200px; background: #ECECEC; border-left: 2px dashed #A5A5A5; padding: 39px; } .content-right .qr-code { border: 1px solid #000; background: #FFF; width: 118px; height: 118px; position: relative; } .content-right table { border-spacing: 0; vertical-align: top; } .content-right .table-qr>td { vertical-align: top; height: 122px; } .qr-img { height: 116px; width: 116px; position: absolute; top: 1px; left: 1px; } .table-user { transform: rotate(-90deg) translate(-100%, 0); transform-origin: top left; width: 120px; font-family: 'Roboto'; font-size: 12px; padding: 0; vertical-align: top; table-layout: fixed; border-collapse: collapse; line-height: 14px; overflow: hidden; } .table-user .table-no { font-family: 'Roboto-Bold'; } .table-user .guest-name { font-family: 'Roboto'; vertical-align: top; /* white-space: nowrap; */ } .semicircle { width: 30px; height: 15px; background-color: black; } .semicircle.bottom { position: absolute; bottom: -1px; left: -15px; border-top-left-radius: 30px; border-top-right-radius: 30px; } .semicircle.top { position: absolute; top: -1px; left: -15px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .scissors { height: 16px; width: auto; } .scissors.top { position: absolute; top: -9px; left: 58px; } .scissors.bottom { position: absolute; bottom: -9px; left: 58px; } </style> </head> <body> @foreach ($guests as $key => $guest) <div class="ticket"> <img src="scissors.png" class="scissors top" /> <img src="scissors.png" class="scissors bottom" /> <div class="content-left"> <div class="image" style="width:270px !important;"> <img src="rascumparat.png" class="img-party" width="max-width:100%;"/> </div> <div class="event-details"> <span class="date">{{ $guest->seat }}</span> <ul> <li>{{ $guest->name }}</li> <li>{{ $guest->table_number }}</li> <li>Incepe la ora 19:00</li> <li>Accesul in sala: <br>cu 30 de minute inainte.</li> </ul> </div> </div> <div class="content-right"> <div class="semicircle top"></div> <div class="semicircle bottom"></div> <span style="display: block; width: 120px; opacity: 0; position: absolute;">{{ $guest->name }}</span> <table class="table-qr"> <tr> <td> <div class="qr-code"> <img src="https://tbfguestbe.tbf.ro/storage/qrcodes_ras/{{ $guest->id }}.png" class="qr-img" /> </div> </td> <td style="vertical-align: top; padding-left: 16px;"> <table class="table-user"> <tr> <td class="guest-name"><span style="display: block; width: 120px;">Bilet: {{ $key+1 }}</span></td> </tr> </table> </td> </tr> </table> </div> </div> @endforeach <!--<div class="page-break"></div>--> <!--<div>--> <!-- <img src="parking_ticket.png" width="100%" />--> <!--</div>--> </body> </html> Back

Edit File : qr_invitation_rasc.blade.php | Size : 6.36 KB

<!DOCTYPE html>
<html lang="en">

@font-face {
            font-family: 'Roboto-Bold';
            src: url({{ storage_path('fonts/Roboto-Bold.ttf') }}) format("truetype");
            font-style: normal;
        }

@page {
            margin: 50px 0;
        }
        .page-break{
            page-break-after: always;
        }
        .ticket {
            page-break-inside: avoid;
            position: relative;
            margin-bottom: 30px;
            border-top: 2px dashed #000;
            border-bottom: 2px dashed #000;
            height: 200px;
        }

.content-left {
            /*position: absolute;*/
            /*top: 0%;*/
            /*left: 0%;*/
            width: 500px;
            height: 200px;
        }

.content-left .image {
            display: inline-block;
            float: left;
            margin-left: 20px
        }

.content-left .image .img-party {
            height: 168px;
            width: auto;
            margin-top: 20px;
        }

.event-details {
            display: inline-block;
            float: left;
            padding: 30px 40px 30px 40px;
        }

.event-details ul {
            padding-left: 16px;
            margin-top: 8px;
        }

.event-details ul li {
            line-height: 1.2;
            font-family: 'Roboto';
            font-size: 14px;
        }

.event-details .date {
            background: #000;
            font-size: 14px;
            color: #FFF;
            padding: 4px 7px;
            display: inline-block;
            font-family: 'Roboto';
        }

.content-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 200px;
            background: #ECECEC;
            border-left: 2px dashed #A5A5A5;
            padding: 39px;
        }

.content-right .qr-code {
            border: 1px solid #000;
            background: #FFF;
            width: 118px;
            height: 118px;
            position: relative;
        }

.content-right table {
            border-spacing: 0;
            vertical-align: top;
        }

.content-right .table-qr>td {
            vertical-align: top;
            height: 122px;
        }

.qr-img {
            height: 116px;
            width: 116px;
            position: absolute;
            top: 1px;
            left: 1px;
        }

.table-user {
            transform: rotate(-90deg) translate(-100%, 0);
            transform-origin: top left;
            width: 120px;
            font-family: 'Roboto';
            font-size: 12px;
            padding: 0;
            vertical-align: top;
            table-layout: fixed;
            border-collapse: collapse;
            line-height: 14px;
            overflow: hidden;
        }

.table-user .table-no {
            font-family: 'Roboto-Bold';
        }

.table-user .guest-name {
            font-family: 'Roboto';
            vertical-align: top;
            /* white-space: nowrap; */
        }

.semicircle {
            width: 30px;
            height: 15px;

background-color: black;
        }

.semicircle.bottom {
            position: absolute;
            bottom: -1px;
            left: -15px;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
        }

.semicircle.top {
            position: absolute;
            top: -1px;
            left: -15px;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
        }

.scissors {
            height: 16px;
            width: auto;
        }

.scissors.top {
            position: absolute;
            top: -9px;
            left: 58px;
        }

.scissors.bottom {
            position: absolute;
            bottom: -9px;
            left: 58px;
        }
    </style>
</head>

<body>
    @foreach ($guests as $key => $guest)
        <div class="ticket">
            <img src="scissors.png" class="scissors top" />
            <img src="scissors.png" class="scissors bottom" />

<div class="content-left">
                <div class="image" style="width:270px !important;">
                    <img src="rascumparat.png" class="img-party" width="max-width:100%;"/>
                </div>
                <div class="event-details">
                    <span class="date">{{ $guest->seat }}</span>
                    <ul>
                        <li>{{ $guest->name }}</li>
                        <li>{{ $guest->table_number }}</li>
                        <li>Incepe la ora 19:00</li>
                        <li>Accesul in sala: <br>cu 30 de minute inainte.</li>
                    </ul>
                </div>
            </div>
            <div class="content-right">
                <div class="semicircle top"></div>
                <div class="semicircle bottom"></div>
                <span style="display: block; width: 120px; opacity: 0; position: absolute;">{{ $guest->name }}</span>
                <table class="table-qr">
                    <tr>
                        <td>
                            <div class="qr-code">
                                <img src="https://tbfguestbe.tbf.ro/storage/qrcodes_ras/{{ $guest->id }}.png" class="qr-img" />
                            </div>
                        </td>
                        <td style="vertical-align: top; padding-left: 16px;">
                            <table class="table-user">
                                <tr>
                                    <td class="guest-name"><span style="display: block; width: 120px;">Bilet: {{ $key+1 }}</span></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    @endforeach
    
    
    
    
</body>

</html>

Back