<?php
/*
 * *************************************************
 * Copyright (C) 2021 Earworks.                    *
 * Codeigniter Project Template Modification       *
 * Please contact our email for more information : *
 * contact@earworks.co.id                          *
 * *************************************************
 */

defined('BASEPATH') OR exit('No direct script access allowed');
?>
<style type="text/css">
    #gif, #gif2 {
        display:block;
        position:relative;
        z-index: 1000;
    }
    #gif > .first, #gif2 > .first {
        position:absolute;
        z-index: 1001;
        top:50%;
        left:50%;
        margin-bottom:200px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .randomizer .name-display {
        font-size: 3.2em;
        font-weight:bold;
        /*font-family: quicksandbold;*/
        text-align: center;
        text-transform: capitalize;
    }
    .dorr {
        font-size:29px;
        line-height:5vh;
        display:block;
    }
</style>
<?php if ($data->count() > 0) : ?>
    <?php foreach ($data as $res) : ?>
        <div class="col-xs-12" style="background:transparent !important;">
            <span class="randomizer randomizer1">
                <h1 class="name-display">
                    <?= $res->card ? $res->card : $res->nama_anggota ?> <br>
                    <span class="dorr"> <?= $res->nama_optic ?></span>
                </h1>
            </span>
        </div>
    <?php endforeach; ?>
<?php endif; ?>