initial commit

This commit is contained in:
Daeng Deni Mardaeni 2023-09-07 23:33:13 +07:00
commit 17f5e2c111
38 changed files with 4223 additions and 0 deletions

0
Config/.gitkeep Normal file
View File

5
Config/config.php Normal file
View File

@ -0,0 +1,5 @@
<?php
return [
'name' => 'Frontend'
];

0
Console/.gitkeep Normal file
View File

View File

View File

View File

@ -0,0 +1,21 @@
<?php
namespace Modules\Frontend\Database\Seeders;
use Illuminate\Database\Seeder;
use Illuminate\Database\Eloquent\Model;
class FrontendDatabaseSeeder extends Seeder
{
/**
* Run the database seeds.
*
* @return void
*/
public function run()
{
Model::unguard();
// $this->call("OthersTableSeeder");
}
}

View File

0
Entities/.gitkeep Normal file
View File

View File

View File

@ -0,0 +1,177 @@
<?php
namespace Modules\Frontend\Http\Controllers;
use Carbon\Carbon;
use Illuminate\Contracts\Support\Renderable;
use Illuminate\Http\Request;
use Illuminate\Routing\Controller;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\File;
use Illuminate\Support\Facades\Http;
use Illuminate\Support\Facades\Storage;
use Revolution\Google\Sheets\Facades\Sheets;
class FrontendController extends Controller
{
/**
* Display a listing of the resource.
* @return Renderable
*/
public function index()
{
$json = File::get('storage/kurs.json');
$kurs = json_decode($json);
if($kurs->date != date('Y-m-d')){
$this->getKurs();
}
$json = File::get('storage/kurs.json');
$kurs = json_decode($json);
$usd = $kurs->rates->IDR/$kurs->rates->USD;
$date = Carbon::createFromTimestamp($kurs->timestamp)->locale('id')->setTimezone('Asia/Jakarta')->translatedFormat('d F Y H:i:s');
$sheets = Sheets::spreadsheet('1c2Uv3QVTyLzsJPE4uqqlMGNKO8z0Kqj6aEGh0uixAqA')->sheet('Platform')->range('A:F')->get();
$header = $sheets->pull(0);
$posts = Sheets::collection($header, $sheets);
$posts = $posts->take(5000);
$data = new Collection($posts->toArray());
$platform = $data->random(5);
return view('frontend::index', compact('kurs', 'usd','date','platform'));
}
public function cakupan()
{
$json = File::get('storage/kurs.json');
$kurs = json_decode($json);
if($kurs->date != date('Y-m-d')){
$this->getKurs();
}
$json = File::get('storage/kurs.json');
$kurs = json_decode($json);
$usd = $kurs->rates->IDR/$kurs->rates->USD;
$date = Carbon::createFromTimestamp($kurs->timestamp)->locale('id')->setTimezone('Asia/Jakarta')->translatedFormat('d F Y H:i:s');
$sheets = Sheets::spreadsheet('1c2Uv3QVTyLzsJPE4uqqlMGNKO8z0Kqj6aEGh0uixAqA')->sheet('Platform')->range('A:F')->get();
$header = $sheets->pull(0);
$posts = Sheets::collection($header, $sheets);
$data = new Collection($posts->toArray());
return view('frontend::cakupan', compact('kurs', 'usd','date','data'));
}
public function peneliti()
{
$sheets = Sheets::spreadsheet('1kM32QnxjRDpH1WkFSfOwMuTKzoCQpXFDYhekARcypjY')->sheet('Research Proposal')->range('A:K')->get();
$header = $sheets->pull(0);
$posts = Sheets::collection($header, $sheets);
$posts = $posts->take(5000);
$data = $posts->toArray();
$researcher = [];
$no = 1;
if ($data) {
foreach ($data as $key => $value) {
if ($data[$key]['Researchers Name'] != null) {
$output['no'] = $no++;
$output['id'] = $data[$key]['ID'];
$output['reseracher_name'] = $data[$key]['Researchers Name'];
$output['region'] = $data[$key]['Region'];
$output['institution'] = $data[$key]['Institution'];
$output['research_title'] = $data[$key]['Research Title'];
$output['email'] = $data[$key]['Email'];
$output['registration_date'] = $data[$key]['Registration Date'];
$researcher[] = $output;
}
}
} else {
$researcher = [];
}
return view('frontend::peneliti', compact('researcher'));
}
public function facility()
{
$sheets = Sheets::spreadsheet('1kM32QnxjRDpH1WkFSfOwMuTKzoCQpXFDYhekARcypjY')->sheet('Sequencing Facility')->get();
$header = $sheets->pull(0);
$posts = Sheets::collection($header, $sheets);
$posts = $posts->take(5000);
$data = $posts->toArray();
$facility = [];
$no = 1;
if ($data) {
foreach ($data as $key => $value) {
if ($data[$key]['Facility Name'] != null) {
$output['no'] = $no++;
$output['facility_name'] = $data[$key]['Facility Name'];
$output['institution'] = $data[$key]['Institution'];
$output['address'] = $data[$key]['Address'];
$output['region'] = $data[$key]['Region'];
$facility[] = $output;
}
}
} else {
$facility = [];
}
return view('frontend::facility', compact('facility'));
}
public function hibah()
{
return view('frontend::hibah');
}
public function kuisioner()
{
return view('frontend::kuisioner');
}
public function consent()
{
return view('frontend::consent');
}
public function silx_ci()
{
return view('frontend::ci');
}
public function silx_ic()
{
return view('frontend::ic');
}
public function getKurs(){
$response = Http::get('http://api.exchangeratesapi.io/v1/latest?access_key=9f7cd7db5b72280a93c8e15243fadab7&symbols=USD,IDR');
$data = $response->json();
Storage::disk('public')->put('kurs.json', json_encode($data));
}
public function domain(Request $request)
{
if (isset($request->search)) {
$domain = $request->search;
$response = Http::asForm()->POST('https://srb1975.srs-x.com/api/domain/check', [
'username' => "qnwa882l",
'password' => "cdae44fd320c033dcd69718b217cdcc6fd51b8476d739e3d8b1c3a1fa5366395",
'domain' => $domain,
]);
$data = simplexml_load_string($response->body());
$data = $data->result;
return view('frontend::domain', compact('data'));
} else {
return view('frontend::domain');
}
}
}

0
Http/Middleware/.gitkeep Normal file
View File

0
Http/Requests/.gitkeep Normal file
View File

0
Providers/.gitkeep Normal file
View File

View File

@ -0,0 +1,114 @@
<?php
namespace Modules\Frontend\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Database\Eloquent\Factory;
class FrontendServiceProvider extends ServiceProvider
{
/**
* @var string $moduleName
*/
protected $moduleName = 'Frontend';
/**
* @var string $moduleNameLower
*/
protected $moduleNameLower = 'frontend';
/**
* Boot the application events.
*
* @return void
*/
public function boot()
{
$this->registerTranslations();
$this->registerConfig();
$this->registerViews();
$this->loadMigrationsFrom(module_path($this->moduleName, 'Database/Migrations'));
}
/**
* Register the service provider.
*
* @return void
*/
public function register()
{
$this->app->register(RouteServiceProvider::class);
}
/**
* Register config.
*
* @return void
*/
protected function registerConfig()
{
$this->publishes([
module_path($this->moduleName, 'Config/config.php') => config_path($this->moduleNameLower . '.php'),
], 'config');
$this->mergeConfigFrom(
module_path($this->moduleName, 'Config/config.php'), $this->moduleNameLower
);
}
/**
* Register views.
*
* @return void
*/
public function registerViews()
{
$viewPath = resource_path('views/modules/' . $this->moduleNameLower);
$sourcePath = module_path($this->moduleName, 'Resources/views');
$this->publishes([
$sourcePath => $viewPath
], ['views', $this->moduleNameLower . '-module-views']);
$this->loadViewsFrom(array_merge($this->getPublishableViewPaths(), [$sourcePath]), $this->moduleNameLower);
}
/**
* Register translations.
*
* @return void
*/
public function registerTranslations()
{
$langPath = resource_path('lang/modules/' . $this->moduleNameLower);
if (is_dir($langPath)) {
$this->loadTranslationsFrom($langPath, $this->moduleNameLower);
$this->loadJsonTranslationsFrom($langPath);
} else {
$this->loadTranslationsFrom(module_path($this->moduleName, 'Resources/lang'), $this->moduleNameLower);
$this->loadJsonTranslationsFrom(module_path($this->moduleName, 'Resources/lang'));
}
}
/**
* Get the services provided by the provider.
*
* @return array
*/
public function provides()
{
return [];
}
private function getPublishableViewPaths(): array
{
$paths = [];
foreach (\Config::get('view.paths') as $path) {
if (is_dir($path . '/modules/' . $this->moduleNameLower)) {
$paths[] = $path . '/modules/' . $this->moduleNameLower;
}
}
return $paths;
}
}

View File

@ -0,0 +1,69 @@
<?php
namespace Modules\Frontend\Providers;
use Illuminate\Support\Facades\Route;
use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
class RouteServiceProvider extends ServiceProvider
{
/**
* The module namespace to assume when generating URLs to actions.
*
* @var string
*/
protected $moduleNamespace = 'Modules\Frontend\Http\Controllers';
/**
* Called before routes are registered.
*
* Register any model bindings or pattern based filters.
*
* @return void
*/
public function boot()
{
parent::boot();
}
/**
* Define the routes for the application.
*
* @return void
*/
public function map()
{
$this->mapApiRoutes();
$this->mapWebRoutes();
}
/**
* Define the "web" routes for the application.
*
* These routes all receive session state, CSRF protection, etc.
*
* @return void
*/
protected function mapWebRoutes()
{
Route::middleware('web')
->namespace($this->moduleNamespace)
->group(module_path('Frontend', '/Routes/web.php'));
}
/**
* Define the "api" routes for the application.
*
* These routes are typically stateless.
*
* @return void
*/
protected function mapApiRoutes()
{
Route::prefix('api')
->middleware('api')
->namespace($this->moduleNamespace)
->group(module_path('Frontend', '/Routes/api.php'));
}
}

View File

View File

2394
Resources/assets/output.css Normal file

File diff suppressed because it is too large Load Diff

View File

0
Resources/lang/.gitkeep Normal file
View File

0
Resources/views/.gitkeep Normal file
View File

View File

@ -0,0 +1,229 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://genom.dharma.or.id/"/>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerjasama Penelitian Genomik Panin 2023</title>
<!-- Meta SEO -->
<meta name="title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta name="description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Yayasan Satriabudi Dharma Setia">
<!-- Social media share -->
<meta property="og:title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta property="og:site_name" content="Yayasan Satriabudi Dharma Setia">
<meta property="og:url" content=https://genom.dharma.or.id">
<meta property="og:description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta property="og:type" content="">
<meta property="og:image" content="{{ asset('Screenshot 2023-08-23 153008.png') }}">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="./output.css" rel="stylesheet">
</head>
<body>
<header class="fixed w-full z-10" id="home">
<nav class="relative bg-white border-gray-200 py-2.5 dark:bg-mallard-900 shadow-md shadow-mallard-200">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
<a href="#" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="h-12 mr-3" alt="Yayasan Satriabudi Dharma Setia"/>
</a>
<div class="flex items-center lg:order-2">
<a href="{{ URL::to('peneliti') }}" class="text-white bg-guardsman-red-700 hover:bg-guardsman-red-800 focus:ring-4 focus:ring-guardsman-red-300 font-medium rounded-md text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-guardsman-red-600 dark:hover:bg-guardsman-red-700 focus:outline-none dark:focus:ring-guardsman-red-800">Peneliti</a>
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-mallard-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-mallard-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
</svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
<div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0" x-data="{ activeMenu: 'cakupan' }">
<li>
<a href="{{ URL::to('/') }}" @click="activeMenu='home'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='home'}"
aria-current="page">Home</a>
</li>
<li>
<a href="{{ URL::to('/#cakupan') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='cakupan'}">Cakupan</a>
</li>
<li>
<a href="{{ URL::to('/#skema') }}" @click="activeMenu='skema'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='skema'}">Skema Kerjasama</a>
</li>
<li>
<a href="{{ URL::to('/#pendaftaran') }}" @click="activeMenu='pendaftaran'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='pendaftaran'}">Pendaftaran</a>
</li>
<li>
<a href="{{ URL::to('facility') }}" @click="activeMenu='facility'" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='facility'}">Sequencing Facility</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Start block -->
<section id="facility" class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
<!-- Row -->
<div class="items-center">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Cakupan Kerjasama Bahan Habis Pakai</h2>
<!-- List -->
<table class="w-full text-lg text-left text-gray-700 dark:text-gray-400">
<thead class="text-lg text-gray-800 uppercase bg-gray-100 dark:bg-gray-800 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">Nomor</th>
<th scope="col" class="px-6 py-3">Platform</th>
<th scope="col" class="px-6 py-3">Kategori</th>
<th scope="col" class="px-6 py-3">Nama</th>
<th scope="col" class="px-6 py-3">Harga</th>
</tr>
</thead>
<tbody>
@php $no=1; @endphp
@foreach($data as $row)
<tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
<td class="px-6 py-4">{{ $no }}</td>
<td class="px-6 py-4">{{ $row['Platform'] }}</td>
<td class="px-6 py-4">{{ $row['Kategori'] }}</td>
<td class="px-6 py-4">{{ $row['Nama'] }}
<br><em class="text-sm">Kode Unit : {{ $row['Kode Unit'] }}</em></td>
@php
$harga = str_replace('$','',$row['Harga']);
$harga = str_replace('.00','',$harga);
$harga = str_replace(',','',$harga);
@endphp
<td class="px-6 py-4">Rp {{ number_format($harga*($usd+($usd*0.05)),2,',','.') }}</td>
</tr>
@php $no++; @endphp
@endforeach
</tbody>
</table>
<em>Kurs Dolar Tanggal {{ $date }} Rp. Rp {{ number_format($usd,2,',','.') }}</em><br>
<em>Kurs Dolar dapat berubah sewaktu-waktu</em>
<br> <br>
<em class="text-sm">Harga belum termasuk :</em> <br>
<em class="text-sm">1. Bea masuk, PPH, dan PPN sekitar 15-20% dari harga dasar barang,</em> <br>
<em class="text-sm">2. Ongkos kirim dengan estimasi Rp. 500.000 - 1.500.000 per pengiriman per kg,</em> <br>
<em class="text-sm">3. Administrasi, penanganan dan penyimpanan barang yang berkisar 5% dari harga dasar barang.</em>
</div>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<!-- Start block -->
<section id="pendaftaran" class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
<div class="max-w-screen-sm mx-auto text-center">
<h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Instruksi Pendaftaran</h2>
<p class="mb-6 font-light text-gray-700 dark:text-gray-600 md:text-lg">Informasi lebih lanjut dapat menghubungi kami melalui
<a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a> atau menghubungi
<a href="tel:+620895324832922" class="text-guardsman-red-600">0895-3248-32922 (whatsapp)</a>. Skema ini terus dibuka sesuai dengan ketersediaan dana YSDS.
</p>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="items-center max-w-screen-xl px-4 py-6 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:px-6">
<div class="col-span-2">
<h5 class="mt-3 mb-4 text-2xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">Catatan Perubahan</h5>
<ol class="relative border-l border-guardsman-red-200 dark:border-guardsman-red-700">
<li class="ml-4">
18 Juli 2023 : Update informasi kerjasama bahan habis pakai sequencing
</li>
<li class="ml-4">
01 Mei 2023 : Update informasi kerjasama penelitian genomik 2023
</li>
<li class="ml-4">
16 November 2022 : Update informasi penutupan pendaftaran hibah
</li>
<li class="ml-4">
01 November 2022 : Ekstensi deadline hibah dan perubahan timeline hibah
</li>
<li class="ml-4">
04 Oktober 2022 : Update Dokumen
</li>
<li class="ml-4">
01 Oktober 2022 : Peluncuran website
</li>
</ol>
</div>
</div>
<div class="max-w-screen-xl p-4 mx-auto">
<hr class="my-6 border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="text-center">
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2022-2023 <a href="https://dharma.or.id" class="text-guardsman-red-600 hover:underline dark:text-guardsman-red-500">Yayasan Satriabudi Dharma Setia</a>
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</section>
<script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script>
</body>
</html>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html class="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Pemeriksaan Virus Dengue dan Wolbachia di Kota Cimahi dengan Metode WGS - Informasi Klinis V.1.01 | Kerjasama Penelitian Genomik Panin 2023</title>
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<script>
tailwind.config = {
darkMode: 'class',
important: true,
theme: {
extend: {
colors: {
'pirate-gold': { DEFAULT: '#BF9000', '50': '#FFDE78', '100': '#FFD963', '200': '#FFCF3A', '300': '#FFC512', '400': '#E8AF00', '500': '#BF9000', '600': '#876600', '700': '#4F3B00', '800': '#171100', '900': '#000000'},
'cello': { DEFAULT: '#203864', '50': '#6C8FD0', '100': '#5C83CB', '200': '#3E6CC1', '300': '#345BA2', '400': '#2A4983', '500': '#203864', '600': '#122039', '700': '#05080F', '800': '#000000', '900': '#000000'},
'san-marino': { DEFAULT: '#4873AD', '50': '#C6D4E7', '100': '#B7C9E1', '200': '#9AB3D5', '300': '#7D9EC9', '400': '#6188BD', '500': '#4873AD', '600': '#385985', '700': '#273E5E', '800': '#172436', '900': '#060A0F'},
'mine-shaft': { DEFAULT: '#2B2B2B', '50': '#878787', '100': '#7D7D7D', '200': '#686868', '300': '#545454', '400': '#3F3F3F', '500': '#2B2B2B', '600': '#0F0F0F', '700': '#000000', '800': '#000000', '900': '#000000'},
},
fontFamily: {
popins: ['Poppins', 'sans-serif'],
},
}
}
}
</script>
</head>
<body>
<div class=" mx-auto font-popins">
<nav class="bg-white px-2 sm:px-4 py-4 dark:bg-gray-900 sticky w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600" x-data="{ isOpen: false,activeMenu: 'home' }">
<div class="container flex flex-wrap justify-center items-center mx-auto" @keydown.escape="isOpen = false" @click.away="isOpen = false">
<a href="{{ URL::to('/') }}" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="mr-3 h-6 sm:h-20" alt="Flowbite Logo">
</a>
</div>
</nav>
<div class="container mx-auto relative bg-gray-100">
<div class="flex flex-col space-y-12 md:space-y-28 py-20 items-center justify-end w-full bg-white" style="padding: 0px 35px">
<script src="https://www.cognitoforms.com/f/seamless.js" data-key="osMhxmcf0E2QmSzDlyjBiQ" data-form="84"></script>
</div>
<div class="flex flex-col space-y-11 text-center md:items-center justify-end px-10 md:px-36 pt-20 pb-16 bg-cello w-full">
<p class="text-xl text-white">© Copyright Yayasan Satriabudi Dharma Setia. 2023</p>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html class="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Informed Consent | Kerjasama Penelitian Genomik Panin 2023</title>
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<script>
tailwind.config = {
darkMode: 'class',
important: true,
theme: {
extend: {
colors: {
'pirate-gold': { DEFAULT: '#BF9000', '50': '#FFDE78', '100': '#FFD963', '200': '#FFCF3A', '300': '#FFC512', '400': '#E8AF00', '500': '#BF9000', '600': '#876600', '700': '#4F3B00', '800': '#171100', '900': '#000000'},
'cello': { DEFAULT: '#203864', '50': '#6C8FD0', '100': '#5C83CB', '200': '#3E6CC1', '300': '#345BA2', '400': '#2A4983', '500': '#203864', '600': '#122039', '700': '#05080F', '800': '#000000', '900': '#000000'},
'san-marino': { DEFAULT: '#4873AD', '50': '#C6D4E7', '100': '#B7C9E1', '200': '#9AB3D5', '300': '#7D9EC9', '400': '#6188BD', '500': '#4873AD', '600': '#385985', '700': '#273E5E', '800': '#172436', '900': '#060A0F'},
'mine-shaft': { DEFAULT: '#2B2B2B', '50': '#878787', '100': '#7D7D7D', '200': '#686868', '300': '#545454', '400': '#3F3F3F', '500': '#2B2B2B', '600': '#0F0F0F', '700': '#000000', '800': '#000000', '900': '#000000'},
},
fontFamily: {
popins: ['Poppins', 'sans-serif'],
},
}
}
}
</script>
</head>
<body>
<div class=" mx-auto font-popins">
<nav class="bg-white px-2 sm:px-4 py-4 dark:bg-gray-900 sticky w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600" x-data="{ isOpen: false,activeMenu: 'home' }">
<div class="container flex flex-wrap justify-center items-center mx-auto" @keydown.escape="isOpen = false" @click.away="isOpen = false">
<a href="{{ URL::to('/') }}" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="mr-3 h-6 sm:h-20" alt="Flowbite Logo">
</a>
</div>
</nav>
<div class="container mx-auto relative bg-gray-100">
<div class="flex flex-col space-y-12 md:space-y-28 py-20 items-center justify-end w-full bg-white" style="padding: 0px 35px">
<script src="https://www.cognitoforms.com/f/seamless.js" data-key="osMhxmcf0E2QmSzDlyjBiQ" data-form="82"></script>
</div>
<div class="flex flex-col space-y-11 text-center md:items-center justify-end px-10 md:px-36 pt-20 pb-16 bg-cello w-full">
<p class="text-xl text-white">© Copyright Yayasan Satriabudi Dharma Setia. 2023</p>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,53 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Domain Checker | Yayasan Satriabudi Dharma Setia</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tw-elements/dist/css/index.min.css" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
}
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/index.min.js"></script>
</head>
<body>
<div class="flex justify-center items-center w-full h-screen">
<div class="mb-3 xl:w-96 text-center">
<form method="GET" action="{{ URL::to('/domain') }}">
@csrf
<h1 class="text-2xl font-bold text-gray-800">Domain Checker</h1>
<div class="input-group relative flex flex-wrap items-stretch w-full mb-4">
<input type="search" name="search" class="form-control relative flex-auto min-w-0 block w-full px-3 py-1.5 text-base font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" placeholder="Search Domain" aria-label="Search" aria-describedby="button-addon2">
<button type="submit" class="btn inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out flex items-center" type="button" id="button-addon2">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="w-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
</svg>
</button>
</div>
</form>
@if(isset($data))
@if($data->resultCode==1000)
<button type="button" class="text-white bg-green-700 hover:bg-green-800 focus:outline-none focus:ring-4 focus:ring-green-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800"><i class="fa-regular fa-circle-check text-white"></i> Domain Available</button>
@else
<button type="button" class="text-white bg-yellow-400 hover:bg-yellow-500 focus:outline-none focus:ring-4 focus:ring-yellow-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:focus:ring-yellow-900"><i class="fa-regular fa-circle-xmark text-white"></i></i> {{ $data->resultMsg }}</button>
@endif
@endif
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,210 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://genom.dharma.or.id/"/>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerjasama Penelitian Genomik Panin 2023</title>
<!-- Meta SEO -->
<meta name="title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta name="description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Yayasan Satriabudi Dharma Setia">
<!-- Social media share -->
<meta property="og:title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta property="og:site_name" content="Yayasan Satriabudi Dharma Setia">
<meta property="og:url" content=https://genom.dharma.or.id">
<meta property="og:description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta property="og:type" content="">
<meta property="og:image" content="{{ asset('Screenshot 2023-08-23 153008.png') }}">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="./output.css" rel="stylesheet">
</head>
<body>
<header class="fixed w-full z-10" id="home">
<nav class="relative bg-white border-gray-200 py-2.5 dark:bg-mallard-900 shadow-md shadow-mallard-200">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
<a href="#" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="h-12 mr-3" alt="Yayasan Satriabudi Dharma Setia"/>
</a>
<div class="flex items-center lg:order-2">
<a href="{{ URL::to('peneliti') }}" class="text-white bg-guardsman-red-700 hover:bg-guardsman-red-800 focus:ring-4 focus:ring-guardsman-red-300 font-medium rounded-md text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-guardsman-red-600 dark:hover:bg-guardsman-red-700 focus:outline-none dark:focus:ring-guardsman-red-800">Peneliti</a>
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-mallard-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-mallard-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
</svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
<div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0" x-data="{ activeMenu: 'facility' }">
<li>
<a href="{{ URL::to('/') }}" @click="activeMenu='home'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='home'}"
aria-current="page">Home</a>
</li>
<li>
<a href="{{ URL::to('/#cakupan') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='cakupan'}">Cakupan</a>
</li>
<li>
<a href="{{ URL::to('/#skema') }}" @click="activeMenu='skema'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='skema'}">Skema Kerjasama</a>
</li>
<li>
<a href="{{ URL::to('/#pendaftaran') }}" @click="activeMenu='pendaftaran'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='pendaftaran'}">Pendaftaran</a>
</li>
<li>
<a href="{{ URL::to('facility') }}" @click="activeMenu='facility'" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='facility'}">Sequencing Facility</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Start block -->
<section id="facility" class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
<!-- Row -->
<div class="items-center">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Sequencing Facility</h2>
<!-- List -->
<div class="w-full mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-12 mt-10">
@foreach($facility as $data)
<div class="w-full bg-white border border-gray-200 rounded-lg shadow-sm shadow-guardsman-red-200 dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="rounded-t-lg" src="https://www.ncl.ac.uk/media/wwwnclacuk/genomiccorefacility/images/box-third-hand-2F2A9453.jpg" alt="{{ $data['facility_name'] }}">
</a>
<div class="p-5">
<a href="#">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-guardsman-red-900 dark:text-white">{{ $data['facility_name'] }}</h5>
</a>
<p class="mb-3 font-normal text-base text-gray-400 dark:text-gray-400">{{ $data['institution'].' '.$data['region'] }}</p>
<p class="mb-4 text-neutral-600 dark:text-neutral-200">
{{ $data['address'] }}
</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<!-- Start block -->
<section id="pendaftaran" class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
<div class="max-w-screen-sm mx-auto text-center">
<h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Instruksi Pendaftaran</h2>
<p class="mb-6 font-light text-gray-700 dark:text-gray-600 md:text-lg">Informasi lebih lanjut dapat menghubungi kami melalui
<a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a> atau menghubungi
<a href="tel:+620895324832922" class="text-guardsman-red-600">0895-3248-32922 (whatsapp)</a>. Skema ini terus dibuka sesuai dengan ketersediaan dana YSDS.
</p>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="items-center max-w-screen-xl px-4 py-6 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:px-6">
<div class="col-span-2">
<h5 class="mt-3 mb-4 text-2xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">Catatan Perubahan</h5>
<ol class="relative border-l border-guardsman-red-200 dark:border-guardsman-red-700">
<li class="ml-4">
18 Juli 2023 : Update informasi kerjasama bahan habis pakai sequencing
</li>
<li class="ml-4">
01 Mei 2023 : Update informasi kerjasama penelitian genomik 2023
</li>
<li class="ml-4">
16 November 2022 : Update informasi penutupan pendaftaran hibah
</li>
<li class="ml-4">
01 November 2022 : Ekstensi deadline hibah dan perubahan timeline hibah
</li>
<li class="ml-4">
04 Oktober 2022 : Update Dokumen
</li>
<li class="ml-4">
01 Oktober 2022 : Peluncuran website
</li>
</ol>
</div>
</div>
<div class="max-w-screen-xl p-4 mx-auto">
<hr class="my-6 border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="text-center">
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2022-2023 <a href="https://dharma.or.id" class="text-guardsman-red-600 hover:underline dark:text-guardsman-red-500">Yayasan Satriabudi Dharma Setia</a>
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</section>
<script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script>
</body>
</html>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html class="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Pemeriksaan Virus Dengue dan Wolbachia di Kota Cimahi dengan Metode WGS - Persetujuan Penelitian V.1.01 | Kerjasama Penelitian Genomik Panin 2023</title>
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<script>
tailwind.config = {
darkMode: 'class',
important: true,
theme: {
extend: {
colors: {
'pirate-gold': { DEFAULT: '#BF9000', '50': '#FFDE78', '100': '#FFD963', '200': '#FFCF3A', '300': '#FFC512', '400': '#E8AF00', '500': '#BF9000', '600': '#876600', '700': '#4F3B00', '800': '#171100', '900': '#000000'},
'cello': { DEFAULT: '#203864', '50': '#6C8FD0', '100': '#5C83CB', '200': '#3E6CC1', '300': '#345BA2', '400': '#2A4983', '500': '#203864', '600': '#122039', '700': '#05080F', '800': '#000000', '900': '#000000'},
'san-marino': { DEFAULT: '#4873AD', '50': '#C6D4E7', '100': '#B7C9E1', '200': '#9AB3D5', '300': '#7D9EC9', '400': '#6188BD', '500': '#4873AD', '600': '#385985', '700': '#273E5E', '800': '#172436', '900': '#060A0F'},
'mine-shaft': { DEFAULT: '#2B2B2B', '50': '#878787', '100': '#7D7D7D', '200': '#686868', '300': '#545454', '400': '#3F3F3F', '500': '#2B2B2B', '600': '#0F0F0F', '700': '#000000', '800': '#000000', '900': '#000000'},
},
fontFamily: {
popins: ['Poppins', 'sans-serif'],
},
}
}
}
</script>
</head>
<body>
<div class=" mx-auto font-popins">
<nav class="bg-white px-2 sm:px-4 py-4 dark:bg-gray-900 sticky w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600" x-data="{ isOpen: false,activeMenu: 'home' }">
<div class="container flex flex-wrap justify-center items-center mx-auto" @keydown.escape="isOpen = false" @click.away="isOpen = false">
<a href="{{ URL::to('/') }}" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="mr-3 h-6 sm:h-20" alt="Flowbite Logo">
</a>
</div>
</nav>
<div class="container mx-auto relative bg-gray-100">
<div class="flex flex-col space-y-12 md:space-y-28 py-20 items-center justify-end w-full bg-white" style="padding: 0px 35px">
<script src="https://www.cognitoforms.com/f/seamless.js" data-key="osMhxmcf0E2QmSzDlyjBiQ" data-form="83"></script>
</div>
<div class="flex flex-col space-y-11 text-center md:items-center justify-end px-10 md:px-36 pt-20 pb-16 bg-cello w-full">
<p class="text-xl text-white">© Copyright Yayasan Satriabudi Dharma Setia. 2023</p>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,367 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://genom.dharma.or.id/"/>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerjasama Penelitian Genomik Panin 2023</title>
<!-- Meta SEO -->
<meta name="title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta name="description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Yayasan Satriabudi Dharma Setia">
<!-- Social media share -->
<meta property="og:title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta property="og:site_name" content="Yayasan Satriabudi Dharma Setia">
<meta property="og:url" content=https://genom.dharma.or.id">
<meta property="og:description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta property="og:type" content="">
<meta property="og:image" content="{{ asset('Screenshot 2023-08-23 153008.png') }}">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="./output.css?time=12342" rel="stylesheet">
</head>
<body>
<header class="fixed w-full z-10" id="home">
<nav class="relative bg-white border-gray-200 py-2.5 dark:bg-mallard-900 shadow-md shadow-mallard-200">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
<a href="#" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="h-12 mr-3" alt="Yayasan Satriabudi Dharma Setia"/>
</a>
<div class="flex items-center lg:order-2">
<a href="{{ URL::to('peneliti') }}" class="text-white bg-guardsman-red-700 hover:bg-guardsman-red-800 focus:ring-4 focus:ring-guardsman-red-300 font-medium rounded-md text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-guardsman-red-600 dark:hover:bg-guardsman-red-700 focus:outline-none dark:focus:ring-guardsman-red-800">Peneliti</a>
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-mallard-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-mallard-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
</svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
<div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0" x-data="{ activeMenu: 'home' }">
<li>
<a href="{{ URL::to('/') }}" @click="activeMenu='home'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='home'}"
aria-current="page">Home</a>
</li>
<li>
<a href="{{ URL::to('/#cakupan') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='cakupan'}">Cakupan</a>
</li>
<li>
<a href="{{ URL::to('/#skema') }}" @click="activeMenu='skema'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='skema'}">Skema Kerjasama</a>
</li>
<li>
<a href="{{ URL::to('/#pendaftaran') }}" @click="activeMenu='pendaftaran'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='pendaftaran'}">Pendaftaran</a>
</li>
<li>
<a href="{{ URL::to('facility') }}" @click="activeMenu='facility'" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='facility'}">Sequencing Facility</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="grid max-w-screen-xl px-4 pt-20 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
<div class="mr-auto place-self-center lg:col-span-8">
<h1 class="max-w-3xl mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl xl:text-6xl dark:text-white">Pengumuman Skema Kerjasama Bahan Habis Pakai Penelitian Genomik Panin 2023</h1>
<p class="max-w-3xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai</p>
</div>
<div class="hidden lg:mt-0 lg:col-span-4 lg:flex">
<img src="https://researchoutreach.org/wp-content/uploads/2020/09/shutterstock_1246209082.png" class="object-cover" alt="hero image">
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 pb-8 mx-auto lg:pb-16">
<div class="grid grid-cols-2 gap-6 text-gray-500 sm:gap-12 sm:grid-cols-3 lg:grid-cols-6 dark:text-gray-400 text-center">
<span class="hidden lg:flex"></span>
<span class="hidden lg:flex"></span>
<a href="#" class="flex items-center lg:justify-center">
<img src="{{ asset('logo-panin.png') }}" alt="">
</a>
<a href="#" class="flex items-center lg:justify-center">
<img src="{{ asset('logo-marves.jpg') }}" alt="">
</a>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section id="cakupan" class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-24 lg:px-6">
<div class="max-w-screen-md mx-auto mb-4 text-center lg:mb-8">
<h2 class="mb-2 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Cakupan Kerjasama Bahan Habis Pakai</h2>
</div>
<div class="space-y-8 justify-center">
<!-- Pricing Card -->
<table class="w-full text-lg text-left text-gray-700 dark:text-gray-400">
<thead class="text-lg text-gray-800 uppercase bg-gray-100 dark:bg-gray-800 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">Nomor</th>
<th scope="col" class="px-6 py-3">Platform</th>
<th scope="col" class="px-6 py-3">Kategori</th>
<th scope="col" class="px-6 py-3">Nama</th>
<th scope="col" class="px-6 py-3">Harga</th>
</tr>
</thead>
<tbody>
@php $no=1; @endphp
@foreach($platform as $row)
<tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
<td class="px-6 py-4">{{ $no }}</td>
<td class="px-6 py-4">{{ $row['Platform'] }}</td>
<td class="px-6 py-4">{{ $row['Kategori'] }}</td>
<td class="px-6 py-4">{{ $row['Nama'] }}
<br><em class="text-sm">Kode Unit : {{ $row['Kode Unit'] }}</em></td>
@php
$harga = str_replace('$','',$row['Harga']);
$harga = str_replace('.00','',$harga);
$harga = str_replace(',','',$harga);
@endphp
<td class="px-6 py-4">Rp {{ number_format($harga*($usd+($usd*0.05)),2,',','.') }}</td>
</tr>
@php $no++; @endphp
@endforeach
</tbody>
</table>
<em style="float:right;color:red;"><a href="{{ URL::to('cakupan') }}">Lihat Lebih Banyak</a></em><br>
<em>Kurs Dolar Tanggal {{ $date }} Rp. Rp {{ number_format($usd,2,',','.') }}</em><br>
<em>Kurs Dolar dapat berubah sewaktu-waktu</em>
<br> <br>
<em class="text-sm">Harga belum termasuk :</em> <br>
<em class="text-sm">1. Bea masuk, PPH, dan PPN sekitar 15-20% dari harga dasar barang,</em> <br>
<em class="text-sm">2. Ongkos kirim dengan estimasi Rp. 500.000 - 1.500.000 per pengiriman per kg,</em> <br>
<em class="text-sm">3. Administrasi, penanganan dan penyimpanan barang yang berkisar 5% dari harga dasar barang.</em>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section id="skema" class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
<!-- Row -->
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Skema Kerjasama Penelitian Untuk Pengadaan Bahan Habis Pakai Sequencing</h2>
<!-- List -->
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">YSDS akan memfasilitasi pengadaan bahan habis pakai dengan harga sesuai pada daftar 1</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Pemesanan bahan habis pakai dilakukan dengan mengisi formulir <a href="https://www.cognitoforms.com/YayasanSatriabudiDharma/FormulirKerjasamaReagenPenelitian" class="text-guardsman-red-500" target="_blank">berikut.</a></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Petugas YSDS akan mengontak calon pemesan dalam waktu 1-3 hari kerja untuk konfirmasi pemesanan dan pengiriman bahan habis pakai ke lokasi peneliti.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Bahan habis pakai hanya dapat digunakan untuk keperluan penelitian dan tidak dapat diperjualbelikan kembali.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Informasi terkait pemesanan bahan habis pakai dapat menghubungi Bapak Heppy di nomor 0896-0298-2179.</span>
</li>
</ul>
</div>
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="https://media.istockphoto.com/id/1303707094/vector/businessman-signing-contract-with-digital-pen-on-phone-digital-signature-business-contract.jpg?s=612x612&w=0&k=20&c=1OpMd1324OfOi7fvd73eJdo63FFsenhKkST9_rdvhbY=" alt="dashboard feature image">
</div>
<!-- Row -->
<hr class="border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="https://www.consensusdocs.org/wp-content/uploads/2022/07/contract-graphic.png" alt="feature image 2">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Skema Kerjasama Penelitian Sequencing</h2>
<!-- List -->
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">YSDS akan memfasilitasi pemeriksaan genome sequencing mulai dari proses library preparation hingga dihasilkan data sequencing (meliputi jasa pemeriksaan dan bahan habis pakai untuk proses tersebut dan analisis bioinformatika) di laboratorium yang sudah didukung oleh YSDS. <a href="{{ URL::to('facility') }}" class="text-guardsman-red-500">Daftar Laboratorium.</a></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Data yang dihasilkan dari pemeriksaan genome sequencing akan dikumpulkan untuk membangun repositori data genomik nasional yang dapat diakses oleh berbagai peneliti di Indonesia melalui institusi penelitian yang sudah bekerjasama dengan YSDS.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Untuk mengikuti skema ini, peneliti dapat mengirim proposal dengan mengirim email ke <a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a>, meliputi Proposal penelitian dengan format <a href="https://docs.google.com/document/d/1SWIyYidFh72NhaVtOFEYe9WeGrjZMXyDohq_XUyVlR4/edit" class="text-guardsman-red-500" target="_blank">berikut.</a></span>
</ul>
</div>
</div>
<!-- Row -->
<hr class="border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Skema Kerjasama Peminjaman Alat Genome Sequencing untuk Laboratorium Institusi Penelitian</h2>
<p class="text-lg border-t border-gray-200 my-7 dark:border-gray-700 pt-8">YSDS akan menempatkan alat genome sequencing di Institusi penelitian dengan kebutuhan pemeriksaan genome sequencing yang kontinu. Institusi penelitian diharapkan dapat menggunakan alat semaksimal mungkin dengan membuka seluas-luasnya akses penggunaan alat tersebut kepada civitas Institusi atau peneliti/Institusi lain. Jenis alat yang disediakan oleh YSDS mencakup:</p>
<!-- List -->
<ul role="list" class="space-y-5">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">PromethION 2 Sequencing Unit Solo dari penyedia Oxford Nanopore Technologies (ONT). Informasi lengkap alat: <a href="https://store.nanoporetech.com/eu/p2-solo.html" class="text-guardsman-red-500" target="_blank">https://store.nanoporetech.com/eu/p2-solo.html</a></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">MinION Mk1B dari penyedia Oxford Nanopore Technologies (ONT). Informasi lengkap alat: <a href="https://store.nanoporetech.com/eu/minion.html" class="text-guardsman-red-500" target="_blank">https://store.nanoporetech.com/eu/minion.html</a></span>
</li>
</ul>
<p class="text-lg pt-8">Jenis alat yang disediakan menyesuaikan dengan stok yang ada dan dapat berganti sesuai dengan perkembangan kerjasama YSDS dengan penyedia alat genome sequencing.</p>
</div>
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="{{ asset('istockphoto-1336808150-612x612.jpg') }}" alt="Skema Kerjasama Peminjaman Alat Genome Sequencing untuk Laboratorium Institusi Penelitian">
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section id="pendaftaran" class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
<div class="max-w-screen-sm mx-auto text-center">
<h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Instruksi Pendaftaran</h2>
<p class="mb-6 font-light text-gray-700 dark:text-gray-600 md:text-lg">Informasi lebih lanjut dapat menghubungi kami melalui
<a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a> atau menghubungi
<a href="tel:+620895324832922" class="text-guardsman-red-600">0895-3248-32922 (whatsapp)</a>. Skema ini terus dibuka sesuai dengan ketersediaan dana YSDS.
</p>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="items-center max-w-screen-xl px-4 py-6 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:px-6">
<div class="col-span-2">
<h5 class="mt-3 mb-4 text-2xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">Catatan Perubahan</h5>
<ol class="relative border-l border-guardsman-red-200 dark:border-guardsman-red-700">
<li class="ml-4">
18 Juli 2023 : Update informasi kerjasama bahan habis pakai sequencing
</li>
<li class="ml-4">
01 Mei 2023 : Update informasi kerjasama penelitian genomik 2023
</li>
<li class="ml-4">
16 November 2022 : Update informasi penutupan pendaftaran hibah
</li>
<li class="ml-4">
01 November 2022 : Ekstensi deadline hibah dan perubahan timeline hibah
</li>
<li class="ml-4">
04 Oktober 2022 : Update Dokumen
</li>
<li class="ml-4">
01 Oktober 2022 : Peluncuran website
</li>
</ol>
</div>
</div>
<div class="max-w-screen-xl p-4 mx-auto">
<hr class="my-6 border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="text-center">
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2022-2023 <a href="https://dharma.or.id" class="text-guardsman-red-600 hover:underline dark:text-guardsman-red-500">Yayasan Satriabudi Dharma Setia</a>
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</section>
<script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script>
</body>
</html>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html class="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Kuisioner | Kerjasama Penelitian Genomik Panin 2023</title>
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<script>
tailwind.config = {
darkMode: 'class',
important: true,
theme: {
extend: {
colors: {
'pirate-gold': { DEFAULT: '#BF9000', '50': '#FFDE78', '100': '#FFD963', '200': '#FFCF3A', '300': '#FFC512', '400': '#E8AF00', '500': '#BF9000', '600': '#876600', '700': '#4F3B00', '800': '#171100', '900': '#000000'},
'cello': { DEFAULT: '#203864', '50': '#6C8FD0', '100': '#5C83CB', '200': '#3E6CC1', '300': '#345BA2', '400': '#2A4983', '500': '#203864', '600': '#122039', '700': '#05080F', '800': '#000000', '900': '#000000'},
'san-marino': { DEFAULT: '#4873AD', '50': '#C6D4E7', '100': '#B7C9E1', '200': '#9AB3D5', '300': '#7D9EC9', '400': '#6188BD', '500': '#4873AD', '600': '#385985', '700': '#273E5E', '800': '#172436', '900': '#060A0F'},
'mine-shaft': { DEFAULT: '#2B2B2B', '50': '#878787', '100': '#7D7D7D', '200': '#686868', '300': '#545454', '400': '#3F3F3F', '500': '#2B2B2B', '600': '#0F0F0F', '700': '#000000', '800': '#000000', '900': '#000000'},
},
fontFamily: {
popins: ['Poppins', 'sans-serif'],
},
}
}
}
</script>
</head>
<body>
<div class=" mx-auto font-popins">
<nav class="bg-white px-2 sm:px-4 py-4 dark:bg-gray-900 sticky w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600" x-data="{ isOpen: false,activeMenu: 'home' }">
<div class="container flex flex-wrap justify-center items-center mx-auto" @keydown.escape="isOpen = false" @click.away="isOpen = false">
<a href="{{ URL::to('/') }}" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="mr-3 h-6 sm:h-20" alt="Flowbite Logo">
</a>
</div>
</nav>
<div class="container mx-auto relative bg-gray-100">
<div class="flex flex-col space-y-12 md:space-y-28 py-20 items-center justify-end w-full bg-white">
<script src="https://www.cognitoforms.com/f/seamless.js" data-key="osMhxmcf0E2QmSzDlyjBiQ" data-form="75"></script>
</div>
<div class="flex flex-col space-y-11 text-center md:items-center justify-end px-10 md:px-36 pt-20 pb-16 bg-cello w-full">
<p class="text-xl text-white">© Copyright Yayasan Satriabudi Dharma Setia. 2023</p>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Module Frontend</title>
{{-- Laravel Vite - CSS File --}}
{{-- {{ module_vite('build-frontend', 'Resources/assets/sass/app.scss') }} --}}
</head>
<body>
@yield('content')
{{-- Laravel Vite - JS File --}}
{{-- {{ module_vite('build-frontend', 'Resources/assets/js/app.js') }} --}}
</body>
</html>

View File

@ -0,0 +1,241 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://genom.dharma.or.id/"/>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerjasama Penelitian Genomik Panin 2023</title>
<!-- Meta SEO -->
<meta name="title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta name="description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Yayasan Satriabudi Dharma Setia">
<!-- Social media share -->
<meta property="og:title" content="Kerjasama Penelitian Genomik Panin 2023">
<meta property="og:site_name" content="Yayasan Satriabudi Dharma Setia">
<meta property="og:url" content=https://genom.dharma.or.id">
<meta property="og:description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta property="og:type" content="">
<meta property="og:image" content="{{ asset('Screenshot 2023-08-23 153008.png') }}">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="{{ URL::to('output.css') }}" rel="stylesheet">
</head>
<body>
<header class="fixed w-full z-10" id="home">
<nav class="relative bg-white border-gray-200 py-2.5 dark:bg-mallard-900 shadow-md shadow-mallard-200">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
<a href="#" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="h-12 mr-3" alt="Yayasan Satriabudi Dharma Setia"/>
</a>
<div class="flex items-center lg:order-2">
<a href="{{ URL::to('peneliti') }}" class="text-white bg-guardsman-red-700 hover:bg-guardsman-red-800 focus:ring-4 focus:ring-guardsman-red-300 font-medium rounded-md text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-guardsman-red-600 dark:hover:bg-guardsman-red-700 focus:outline-none dark:focus:ring-guardsman-red-800">Peneliti</a>
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-mallard-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-mallard-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
</svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
<div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0" x-data="{ activeMenu: 'home' }">
<li>
<a href="{{ URL::to('/') }}" @click="activeMenu='home'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-guardsman-red-200 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='home'}"
aria-current="page">Home</a>
</li>
<li>
<a href="{{ URL::to('/#cakupan') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-guardsman-red-200 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='cakupan'}">Cakupan</a>
</li>
<li>
<a href="{{ URL::to('/#skema') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-guardsman-red-200 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='skema'}">Skema Kerjasama</a>
</li>
<li>
<a href="{{ URL::to('/#pendaftaran') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-guardsman-red-200 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='pendaftaran'}">Pendaftaran</a>
</li>
<li>
<a href="{{ URL::to('facility') }}" @click="activeMenu='facility'" class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-guardsman-red-200 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='facility'}">Sequencing Facility</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Start block -->
<section id="facility" class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
<!-- Row -->
<div class="items-center">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">List Peneliti</h2>
<!-- List -->
<div class="w-full mx-auto grid gird-cols-1 lg:grid-cols-2 gap-8 mt-10">
@foreach($researcher as $data)
<div class="bg-white relative block overflow-hidden rounded-lg shadow-sm shadow-pirate-gold-200 border border-gray-100 p-4 w-full">
<span class="absolute inset-x-0 bottom-0 h-2 bg-gradient-to-r from-mallard-300 via-cello-500 to-guardsman-red-600"></span>
<div class="justify-between sm:flex">
<div>
<h3 class="text-xl font-bold text-gray-900">
{{ $data['reseracher_name'] }}
</h3>
<p class="mt-1 text-xs font-medium text-gray-600">{{ $data['email'] }}</p>
</div>
<div class="ml-3 flex-shrink-0">
<span class="h-16 w-16 bg-san-marino-50 text-2xl text-guardsman-red font-bold rounded-lg object-cover shadow-sm bg-guardsman-red-200 flex items-center justify-center">{{ $data['no'] }}</span>
</div>
</div>
<div class="mt-2 sm:pr-8">
<p class="text-lg text-gray-500">
{{ $data['research_title'] }}
</p>
</div>
<dl class="mt-6 flex">
<div class="flex flex-col-reverse">
<dt class="text-sm font-medium text-gray-600">{{ $data['region'] }}</dt>
<dd class="text-xs text-gray-500">{{ $data['institution'] }}</dd>
</div>
<div class="ml-3 flex flex-col-reverse sm:ml-6">
<dt class="text-sm font-medium text-gray-600">{{ $data['registration_date'] }}</dt>
<dd class="text-xs text-gray-500">Registration Date</dd>
</div>
</dl>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
<div class="items-center max-w-screen-xl px-4 py-8 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:py-24 lg:px-6">
<div class="col-span-2 mb-8">
<h2 class="mt-3 mb-4 text-3xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">Catatan Perubahan</h2>
<ol class="relative border-l border-guardsman-red-200 dark:border-guardsman-red-700">
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-guardsman-red-500 rounded-full mt-1.5 -left-1.5 border border-white dark:border-guardsman-red-900 dark:bg-guardsman-red-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-guardsman-red-400 dark:text-guardsman-red-500">18 Juli 2023</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Update informasi kerjasama bahan habis pakai sequencing</h3>
</li>
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-guardsman-red-500 rounded-full mt-1.5 -left-1.5 border border-white dark:border-guardsman-red-900 dark:bg-guardsman-red-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-guardsman-red-400 dark:text-guardsman-red-500">01 Mei 2023</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Update informasi kerjasama penelitian genomik 2023</h3>
</li>
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-guardsman-red-500 rounded-full mt-1.5 -left-1.5 border border-white dark:border-guardsman-red-900 dark:bg-guardsman-red-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-guardsman-red-400 dark:text-guardsman-red-500">16 November 2022</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Update informasi penutupan pendaftaran hibah</h3>
</li>
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-guardsman-red-500 rounded-full mt-1.5 -left-1.5 border border-white dark:border-guardsman-red-900 dark:bg-guardsman-red-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-guardsman-red-400 dark:text-guardsman-red-500">01 November 2022</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Ekstensi deadline hibah dan perubahan timeline hibah</h3>
</li>
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-guardsman-red-500 rounded-full mt-1.5 -left-1.5 border border-white dark:border-guardsman-red-900 dark:bg-guardsman-red-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-guardsman-red-400 dark:text-guardsman-red-500">04 Oktober 2022</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Update Dokumen</h3>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">Update dokumen ketentuan teknis hibah, format proposal, format RAB, dan format slide presentasi</p>
</li>
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-guardsman-red-500 rounded-full mt-1.5 -left-1.5 border border-white dark:border-guardsman-red-900 dark:bg-guardsman-red-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-guardsman-red-400 dark:text-guardsman-red-500">01 Oktober 2022</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Peluncuran website</h3>
</li>
</ol>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section id="pendaftaran" class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
<div class="max-w-screen-sm mx-auto text-center">
<h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Instruksi Pendaftaran</h2>
<p class="mb-6 font-light text-gray-700 dark:text-gray-600 md:text-lg">Informasi lebih lanjut dapat menghubungi kami melalui
<a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a> atau menghubungi
<a href="tel:+620895324832922" class="text-guardsman-red-600">0895-3248-32922 (whatsapp)</a>. Skema ini terus dibuka sesuai dengan ketersediaan dana YSDS.
</p>
</div>
</div>
<div class="max-w-screen-xl p-4 py-6 mx-auto lg:py-16 md:p-8 lg:p-10">
<hr class="my-6 border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700 lg:my-8">
<div class="text-center">
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2022-2023 <a href="https://dharma.or.id" class="text-guardsman-red-600 hover:underline dark:text-guardsman-red-500">Yayasan Satriabudi Dharma Setia</a>
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</section>
<script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script>
</body>
</html>

0
Routes/.gitkeep Normal file
View File

18
Routes/api.php Normal file
View File

@ -0,0 +1,18 @@
<?php
use Illuminate\Http\Request;
/*
|--------------------------------------------------------------------------
| API Routes
|--------------------------------------------------------------------------
|
| Here is where you can register API routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| is assigned the "api" middleware group. Enjoy building your API!
|
*/
Route::middleware('auth:api')->get('/frontend', function (Request $request) {
return $request->user();
});

27
Routes/web.php Normal file
View File

@ -0,0 +1,27 @@
<?php
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
use Modules\Frontend\Http\Controllers\FrontendController;
Route::get('/', 'FrontendController@index');
Route::get('form-hibah', [FrontendController::class, 'hibah']);
Route::get('domain', [FrontendController::class, 'domain']);
Route::get('peneliti', [FrontendController::class, 'peneliti']);
Route::get('facility', [FrontendController::class, 'facility']);
Route::get('gapanalysis', [FrontendController::class, 'kuisioner']);
Route::get('consentform', [FrontendController::class, 'consent']);
Route::get('silx/ci', [FrontendController::class, 'silx_ci']);
Route::get('silx/ic', [FrontendController::class, 'silx_ic']);
Route::get('SILX/ci', [FrontendController::class, 'silx_ci']);
Route::get('SILX/ic', [FrontendController::class, 'silx_ic']);
Route::get('cakupan', [FrontendController::class, 'cakupan']);

0
Tests/Feature/.gitkeep Normal file
View File

0
Tests/Unit/.gitkeep Normal file
View File

24
composer.json Normal file
View File

@ -0,0 +1,24 @@
{
"name": "putrakuningan/frontend-module",
"type": "laravel-module",
"description": "",
"authors": [
{
"name": "Daeng Deni Mardaeni",
"email": "ddeni05@gmail.com"
}
],
"extra": {
"laravel": {
"providers": [],
"aliases": {
}
}
},
"autoload": {
"psr-4": {
"Modules\\Frontend\\": ""
}
}
}

11
module.json Normal file
View File

@ -0,0 +1,11 @@
{
"name": "Frontend",
"alias": "frontend",
"description": "",
"keywords": [],
"priority": 0,
"providers": [
"Modules\\Frontend\\Providers\\FrontendServiceProvider"
],
"files": []
}