haruute0
1/19/2019 - 9:36 AM
gistfile1.txt
<!--
index.html
Landing Page I2C 2019
SI IFEST#7 2019
-->
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- Site Information -->
<title>I2C 2019</title>
<meta name="description" content="Kompetisi ide aplikasi untuk siswa/i SMA seluruh Indonesia.">
<!-- CSS Framework -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Custom CSS -->
<link rel="stylesheet" href="css/landing-page.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/brands.css" integrity="sha384-BCEeiNUiLzxxoeYaIu7jJqq0aVVz2O2Ig4WbWEmRQ2Dx/AAxNV1wMDBXyyrxw1Zd" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/fontawesome.css" integrity="sha384-HU5rcgG/yUrsDGWsVACclYdzdCcn5yU8V/3V84zSrPDHwZEdjykadlgI6RHrxGrJ" crossorigin="anonymous">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<!-- AOS -->
<link href="https://unpkg.com/aos@next/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
$(document).ready(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
})
</script>
<script>
$(document).ready(function() {
// Check for click events on the navbar burger icon
$(".navbar-burger").click(function() {
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
$(".navbar-burger").toggleClass("is-active");
$(".navbar-menu").toggleClass("is-active");
});
$(".navbar-item").click(function() {
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
$(".navbar-burger").removeClass("is-active");
$(".navbar-menu").removeClass("is-active");
});
});
</script>
<script>
$(document).ready(function() {
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 1000, function() {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</head>
<body>
<nav class="navbar" aria-label="main navigation">
<div class="navbar-brand">
<div class="navbar-item">
<a href="/">
<img class="navbar__image" src="images/logo-i2c.png">
</a>
</div>
<div class="navbar-item" style="padding-left:0;">
<h3 class="title 3"></h3>
</div>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
</div>
<div class="navbar-end">
<div class="navbar-item">
<a class="navbar-item button-link" href="/#about" class="navbar__item">Tentang I2C</a>
<a class="navbar-item button-link" href="/#ketentuan" class="navbar__item">Ketentuan</a>
<a class="navbar-item button-link" href="/#hadiah" class="navbar__item">Hadiah</a>
<a class="navbar-item button-link" href="/#timeline" class="navbar__item">Timeline</a>
<a class="navbar-item button-link" href="/#hubungikami" class="navbar__item">Hubungi Kami</a>
<a class="navbar-item button-link button-bordered" href="/pendaftaran.html" class="navbar__item">Pendaftaran</a>
<a class="navbar-item button-link button-bordered" href="/login.html" class="navbar__item">Area Peserta</a>
<a class="navbar-item button-link button-bordered" href="https://ifest-uajy.com/" class="navbar__item">IFEST#7</a>
</div>
</div>
</div>
</nav>
<section class="section hero" data-aos="zoom-in">
<div class="container has-text-centered">
<div class="hero-logo" data-aos="zoom-in" data-aos-delay="100">
<img class="hero-logo-img" src="images/logo-i2c.png">
</div>
<h1 class="hero-title" data-aos="zoom-in" data-aos-delay="200">Innovative Informatics Contest 2019</h1>
<h1 class="hero-title-big" data-aos="zoom-in" data-aos-delay="300">I2C 2019</h1>
<h1 class="hero-title-desc" data-aos="zoom-in" data-aos-delay="400">"Smartly, Living your healthy life"</h1>
<p class="hero-desc" data-aos="zoom-in" data-aos-delay="500">Kompetisi ide aplikasi untuk siswa/i SMA seluruh Indonesia.<br>Tahun 2019 ini hadir dengan mengangkat tema "Smartly Living Healthy Life".</p>
</div>
</section>
<section class="section about" id="about">
<div class="container">
<div class="">
<div class="" data-aos="zoom-in">
<h1 class="about--title"><i class="fas fa-question-circle"></i><br>Apa itu I2C?</h1>
</div>
<div class="" data-aos="zoom-in" data-aos-delay="200">
<p class="about--description"><strong style="color: inherit">I2C</strong> (Innovative Informatics Contest) merupakan ajang dimana para peserta menciptakan ide-ide atau inovasi aplikasi baru yang dapat menyelesaikan permasalahan sehari-hari sesuai dengan tema yang sudah ditentukan. Dalam kompetisi ini terdapat 2 tahap. Tahap pertama, peserta akan membuat proposal ide aplikasi. Pada tahap kedua, 10 tim pengirim proposal yang lolos tahap pertama akan melakukan presentasi di Universitas Atma Jaya Yogyakarta Kampus 3.</p>
</div>
</div>
</div>
</section>
<section class="section winners" id="winners" style="background-color: #f5f5f5;">
<div class="container">
<h1 class="about--title"><i class="fas section-fa fa-trophy"></i></h1>
<center>
<h1 class="title 1 title-container">Finalis I2C 2019</h1>
</center>
<div class="columns is-centered" style="margin-top: 25px;">
<div class="column has-text-centered">
<div class="berita__box">
<?php
for($i=0; $i<10;$i++){
$htmlElement = "<div class='card berita' data-aos='zoom-in' id='div_".$i."'>
<div class='card-content'>
<div class='media'>
<div class='media-content'>
<p class='title is-4'>{{nama_tim}}</p>
<p class='subtitle is-6'>{{asal_sekolah}}</p>
</div>
</div>
<div class='content ' style='text-align: left;'>
{{keterangan mungkin?}}".$i."
</div>
</div>
</div>";
echo $htmlElement;
}
?>
</div>
</div>
</div>
</div>
</section>
<section class="section ketentuan" id="ketentuan">
<div class="container">
<div data-aos="fade-down">
<center>
<i class="fas section-fa fa-file-signature"></i>
<h1 class="title 1 title-container">Ketentuan Kompetisi</h1>
<p>Ketentuan kompetisi I2C 2019</p>
</center>
</div>
<div class="ketentuan-umum" data-aos="zoom-in" data-aos-delay="200">
<h1 class="title 1 ketentuan-title">Ketentuan Umum</h1>
<div class="ketentuan-umum-isi">
<ol>
<li>Peserta masih berstatus siswa di tingkat SMA/SMK sederajat se-Indonesia</li>
<li>Melakukan pendaftaran online melalui <a href="http://ifest-uajy.com/i2c/">http://ifest-uajy.com/i2c/</a></li>
<li>Setiap sekolah berhak mengirimkan lebih dari 1 tim (setiap timnya terdiri dari 2-3 anggota) atau individu. Setiap sekolah dapat mengirimkan tim dengan jumlah maksimal 3 (tiga) tim.</li>
<li>Biaya pendaftaran <strong>setiap proposal</strong> sebesar Rp 150.000,00</li>
<li>Pembayaran maksimal 21 Januari 2019.</li>
<li>Biaya pendaftaran yang telah dibayarkan tidak dapat ditarik kembali.</li>
<li>Pembayaran melalui transfer ke <strong>BNI 0769761234 a/n Yasinta Agustina S</strong>, dan peserta wajib mengupload bukti transfer ke website I2C.</li>
<li>Proposal dalam bentuk softcopy diupload ke <a href="http://ifest-uajy.com/i2c">http://ifest-uajy.com/i2c</a> dengan format penamaan file <code>IFest#7UAJY_I2C_Nama Aplikasi_Nama Kelompok_Nama</code></li>
<li>Mengupload hasil scan atau foto kartu pelajar dan surat persetujuan/ surat tugas untuk mengikuti lomba dengan format file .pdf dan dengan format nama file “namasekolah_namatim”. </li>
<li>Mengupload Proposal dalam bentuk softcopy, hasil scan atau foto kartu pelajar dan surat persetujuan/ surat tugas untuk mengikuti lomba dalam 1 folder dengan format file .zip dan dengan format nama file “namatim”. </li>
<li>Apabila ada hal yang ingin ditanyakan terkait teknis ataupun masalah lain dapat menghubungi Contact Person. </li>
<li>Peserta diperbolehkan membuat mock-up dari ide aplikasi, namum tidak diperkenankan membuat aplikasi.</li>
</ol>
</div>
</div>
<div class="ketentuan-proposal" data-aos="zoom-in" data-aos-delay="200">
<h1 class="title 1 ketentuan-title">Ketentuan Proposal</h1>
<div class="ketentuan-proposal-isi">
<ol>
<li>Karya/proposal harus sesuai dengan tema yang telah ditentukan.</li>
<li>Karya/proposal yang dilombakan dalam kompetisi ini belum pernah mendapat penghargaan di kompetisi lain atau karya belum pernah diikutseratakan di kompetisi lain.</li>
<li>Karya/proposal harus disertai cover atau halaman sampul yang sudah ditentukan,</li>
<li>Karya/proposal merupakan ide original peserta.</li>
<li>Karya/proposal tidak mengandung unsur SARA dan pornografi.</li>
<li><strong>Sepuluh proposal terbaik</strong> akan dipilih untuk ke babak final. Dalam babak final ini peserta akan mempresentasikan proposal. (Presentasi tanpa disertai video).</li>
<li>Peserta hanya mempresentasikan <strong>ide</strong> dari proposal dan <strong>tidak perlu</strong> membuat aplikasi yang akan dipresentasikan.</li>
<li>Tidak melanggar Hak Cipta, Hak Paten, dan Hak Merk. Hal tersebut menjadi tanggung jawab peserta. Panita tidak bertanggung jawab dalam masalah Hak Cipta, Hak Paten ataupun Hak Merk.</li>
</ol>
</div>
</div>
<div class="ketentuan-presentasi" data-aos="zoom-in" data-aos-delay="200">
<h1 class="title 1 ketentuan-title">Ketentuan Presentasi</h1>
<div class="ketentuan-presentasi-isi">
<ol>
<li>Tema presentasi sesuai dengan ide aplikasi peserta dalam proposal.</li>
<li>Presentasi menampilkan tampilan aplikasi dan tidak disertai video.</li>
<li>Presentasi menjelaskan latar belakang pemilihan ide, menjelaskan ide aplikasi, dan manfaat yang didapatkan ketika ide aplikasi diterapkan</li>
<li>Presentasi didesain dengan menggunakan media power point.</li>
<li>Bahasa yang digunakan dalam slide presentasi yang dibuat adalah Bahasa Indonesia dan tidak diperbolehkan menggunakan Bahasa asing (Penggunaan bahasa asing hanya diperbolehkan untuk digunakan dalam nama ide aplikasi peserta).</li>
<li>Presentasi yang dilombakan tidak mengandung unsur SARA dan pornografi.</li>
</ol>
</div>
</div>
<div class="ketentuan-isi-proposal" data-aos="zoom-in" data-aos-delay="200">
<h1 class="title 1 ketentuan-title">Ketentuan Isi Proposal</h1>
<p>Untuk penulisan proposal setidaknya terdapat hal-hal sebagai berikut</p>
<div class="ketentuan-isi-proposal">
<ol>
<li>Halaman sampul, yaitu sesuai dengan halaman sampul yang telah ditentukan dan berisi judul, nama kelompok/nama peserta)</li>
<li>Latar Belakang yaitu, berisi latar belakang suatu dari permasalahan yang akan diangkat.</li>
<li>Batasan Masalah yaitu, berisi batasan-batasan dari suatu masalah yang akan dibahas dan diberikan solusinya agar jelas pokok inti permasalahan tersebut.</li>
<li>Tujuan yaitu, berisi tujuan dari pembuatan proposal berdasarkan masalah yang diangkat</li>
<li>Hipotesis yaitu, berisi hipotesis dari suatu permasalah yang dibahas</li>
<li>
Solusi
<p>Solusi ini berupa ide aplikasi dari permasalahan yang telah dibahas sebelumnya. Di dalam solusi kurang lebih berisi hal-hal sebagai berikut:</p>
<ol type="a">
<li>Nama aplikasi</li>
<li>Deskripsi aplikasi termasuk spesifikasi seperti manfaat, hal yang akan ditonjolkan pada aplikasi tersebut, dan lain sebagainya.</li>
<li>Dapat berupa desain user interface, story board, dan lain-lainnya yang sekiranya memberikan gambaran jelas tentang konsep dari ide aplikasi tersebut.</li>
</ol>
</li>
<li>Penulisan proposal dalam bahasa Indonesia</li>
</ol>
</div>
</div>
</div>
</section>
<section class="section hadiah" id="hadiah">
<div class="container" data-aos="zoom-in">
<center>
<i class="fas section-fa fa-trophy"></i>
<h1 class="title 1 title-container hadiah">Hadiah</h1>
<p>Hadiah kompetisi I2C 2019</p>
</center>
<div class="columns has-text-centered hadiah-column">
<div class="column" data-aos="zoom-in" data-aos-delay="300">
<h1 class="title 1 hadiah">Juara 1</h1>
<p>Rp. 5.000.000,-</p>
</div>
<div class="column" data-aos="zoom-in" data-aos-delay="500">
<h1 class="title 1 hadiah">Juara 2</h1>
<p>Rp. 3.000.000,-</p>
</div>
<div class="column" data-aos="zoom-in" data-aos-delay="700">
<h1 class="title 1 hadiah">Juara 3</h1>
<p>Rp. 2.000.000,-</p>
</div>
</div>
</div>
</section>
<section class="section timeline" id="timeline">
<div class="container" data-aos="zoom-in">
<center>
<i class="fas section-fa fa-calendar-alt"></i>
<h1 class="title 1 title-container">Jadwal Acara</h1>
<p>Jadwal acara I2C 2019</p>
</center>
<div class="timeline__box">
<div class="entries">
<div class="entry left">
<div class="entry__body" data-aos="fade-left">
<div class="title">Pendaftaran Online</div>
<h5 class="subtitle is-5">10 Desember 2018 – 20 Januari 2019</h5>
</div>
</div>
<div class="entry right">
<div class="entry__body" data-aos="fade-left">
<div class="title">Batas Pembayaran Biaya Pendaftaran</div>
<h5 class="subtitle is-5">21 Januari 2019</h5>
</div>
</div>
<div class="entry left">
<div class="entry__body" data-aos="fade-right">
<div class="title">Batas Akhir Pengumpulan Proposal</div>
<h5 class="subtitle is-5">22 Januari 2019</h5>
</div>
</div>
<div class="entry right">
<div class="entry__body" data-aos="fade-right">
<div class="title">Seleksi</div>
<h5 class="subtitle is-5">25 Januari 2019 - 1 Februari 2019</h5>
</div>
</div>
<div class="entry left">
<div class="entry__body" data-aos="fade-left">
<div class="title">Pengumuman Hasil Seleksi</div>
<h5 class="subtitle is-5">3 Februari 2019</h5>
</div>
</div>
<div class="entry right">
<div class="entry__body" data-aos="fade-right">
<div class="title">Final</div>
<h5 class="subtitle is-5">16 Februari 2019</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="carousel">
<div class="images__carousel">
<img class="image__item" src="images/hero/1.jpeg">
<img class="image__item" src="images/hero/2.jpeg">
<img class="image__item" src="images/hero/3.jpeg">
<img class="image__item" src="images/hero/4.jpeg">
</div>
</section>
<section class="section banner-signup">
<div class="container banner-signup-container" data-aos="fade-right">
<p class="banner-signup-title">Daftarkan Tim Kalian Segera!</p> <a class="button button-daftar" href="/pendaftaran.html">Klik Disini!</a>
<p class="banner-signup-subtitle">Sudah mendaftar? <a href="login.html">Login Disini!</a></p>
</div>
</section>
<footer class="footer" id="hubungikami" style="background-color: #000;">
<div class="content has-text-centered" data-aos="zoom-in" >
<div class="columns">
<div class="column" data-aos="zoom-in" data-aos-delay="200">
<h1 class="footer-text">Hubungi Kami</h1>
<div class="phone__box__content">
<p class="phone__box">
<i class="fas fa-phone"></i> +62 852-7086-0899 (Filbert)
</p>
<p class="phone__box">
<i class="fas fa-phone"></i> +62 812-2535-4102 (Teo)
</p>
</div>
</div>
<div class="column" data-aos="zoom-in" data-aos-delay="200">
<h1 class="footer-text">Scan Us on LINE!</h1>
<img class="footer-image" src="images/line_qrcode.png">
</div>
<div class="column" data-aos="zoom-in" data-aos-delay="200">
<h1 class="footer-text">Ikuti Kami</h1>
<div class="phone__box__content">
<p class="phone__box">
<i class="fab fa-line brands"></i> <a href="http://line.me/ti/p/~@ykb1847q">@ykb1847q</a>
</p>
<p class="phone__box">
<i class="fab fa-instagram brands"></i> <a href="https://www.instagram.com/ifest_uajy/">@ifest_uajy</a>
</p>
<p class="phone__box">
<i class="fab fa-youtube brands"></i> <a href="https://www.youtube.com/channel/UCuZZWzBCbOhaA76oqye3z2A">IFEST YouTube Channel</a>
</p>
<p class="phone__box">
<i class="fab fa-facebook brands"></i> <a href="#">IFEST Facebook Page</a>
</p>
</div>
</div>
</div>
<div class="footer__title">
<strong style="color:cornflowerblue"></strong>
</div>
<div class="footer__text">
<p class="login--ptext">© 2018 - <a class="foot-link" href="https://ifest-uajy.com">IFEST#7</a> Sie. Sistem Informasi</p>
</div>
</div>
</footer>
<script>
AOS.init();
</script>
</body>
</html>