Skip to content

Instantly share code, notes, and snippets.

View zuramai's full-sized avatar

Saugi zuramai

1.4k followers · 112 following
View GitHub Profile
@zuramai
zuramai / base.css
Last active July 23, 2022 03:02
Base Responsive Flex CSS Without Bootstrap
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.row {
margin: 0 -1rem;
display:flex;
flex-wrap: wrap;
@zuramai
zuramai / 📊 Weekly development breakdown
Last active July 26, 2021 12:21
Vue.js 3 hrs 49 mins ████████████░░░░░░░░ 45.5%
HTML 1 hr 39 mins ██████▓░░░░░░░░░░░░░ 19.8%
CSS 1 hr 38 mins ██████▓░░░░░░░░░░░░░ 19.6%
JavaScript 38 mins ████▒░░░░░░░░░░░░░░░ 7.7%
@zuramai
zuramai / gist:cc83c80285ccd01367e3a8e84d8d1ab5
Created January 21, 2022 02:17
The Externational
```sql
-- Nomor 1
SELECT player_name, tr.region_name as "Team Region", pr.region_name as "Player Region"
FROM player
JOIN team_detail ON player.player_id = team_detail.player_id
JOIN team ON team_detail.team_id = team.team_id
JOIN region tr ON team.region_id = tr.region_id
JOIN region pr ON player.region_id = pr.region_id
WHERE tr.region_name LIKE '% %'
@zuramai
zuramai / index.html
Created February 28, 2022 02:09
CSS Grid
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS GRID</title>
<style>
.grid-container {
display: grid;
grid-template-columns: repeat(23,auto);
@zuramai
zuramai / unitCircle.js
Created March 14, 2022 03:23
Unit Circle Canvas
class UnitCircle {
constructor(canvas) {
this.canvas = canvas
this.ctx = this.canvas.getContext('2d')
this.circleSize = this.canvas.width * 2/5
this.position = [0.23, -0.5] // equivalent to [x, y]
this.mousePosition = [0, 0]
@zuramai
zuramai / resume.json
Last active April 27, 2022 04:20
Resume JSON
{
"basics": {
"name": "Ahmad Saugi",
"label": "Software Engineer",
"image": "",
"email": "saugi.dev@gmail.com",
"url": "https://saugi.me",
"summary": "My name is Ahmad Saugi, a bachelor of computer science student. My passion for software lies with dreaming up ideas and making them come true with elegant interfaces. I take great care in experience, architecture, and code quality of the things I build.\n\nI am also an open-source enthusiast and maintainer. I love how collaboration and knowledge sharing happens through open-source and I am happy to see what I do could eventually feedback to the community and industry.\n\nOutside of programming, I enjoy reading books. I love the pleasure and excitement of gaining new knowledge other than programming from the books I read.",
"location": {
"countryCode": "ID",
@zuramai
zuramai / useMyFetch.ts
Created January 20, 2023 11:31
useFetch Wrapper
import type { NitroFetchRequest } from 'nitropack'
import type { KeyOfRes } from 'nuxt/dist/app/composables/asyncData'
import type { UseFetchOptions } from '#app'
type FetchOptions<T> = UseFetchOptions<
T extends void ? unknown : T,
(res: T extends void ? unknown : T) => T extends void ? unknown : T,
KeyOfRes<(res: T extends void ? unknown : T) => T extends void ? unknown : T>>
| undefined
@zuramai
zuramai / comment-phone.php
Created July 17, 2023 06:17
Comment Phone Wordpress
<?php
/*
Plugin Name: Comment IP
Author: Ahmad Saugi
*/
add_action('plugin_init', 'ip_init');
function ip_init() {
}
@zuramai
zuramai / series.php
Created July 20, 2023 02:53
Plugin series
<?php
/*
Plugin Name: Nested Route
*/
add_action('init', 'rpt');
function rpt() {
// flush_rewrite_rules();
register_post_type('series', [
'label' => 'series',
@zuramai
zuramai / desktop-player.min.js
Created February 21, 2024 10:39
/*! For license information please see desktop-player.min.js.LICENSE.txt */
(()=>{var e={132:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var o=n(637),a=n.n(o),i=n(521),r=n.n(i),l=n(21),s=n(418),p=a()(!1),g=r()(l.Z),d=r()(s.Z);p.push([e.id,'.mgp_container{height:100% !important;width:100% !important;position:relative;background:#000;overflow:hidden;color:#fff}.mgp_container,.mgp_container *{box-sizing:border-box !important;-webkit-tap-highlight-color:transparent}.mgp_container div,.mgp_container span,.mgp_container applet,.mgp_container object,.mgp_container iframe,.mgp_container h1,.mgp_container h2,.mgp_container h3,.mgp_container h4,.mgp_container h5,.mgp_container h6,.mgp_container p,.mgp_container blockquote,.mgp_container pre,.mgp_container a,.mgp_container abbr,.mgp_container acronym,.mgp_container address,.mgp_container big,.mgp_container cite,.mgp_container code,.mgp_container del,.mgp_container dfn,.mgp_container em,.mgp_container img,.mgp_container ins,.mgp_container kbd,.mgp_container q,.mgp_container