Skip to content

Instantly share code, notes, and snippets.

View MustafaMta's full-sized avatar

Mustafa Abdulkhaliq MustafaMta

View GitHub Profile
<?php
/*
Template Name: DT - Google Drive jwplayer
*/
if( isset($_GET['gd'] ) and isset( $_GET['id'] ) ) {
// Link parameters
$id = isset( $_GET['id'] ) ? $_GET['id'] : null; // the post
//$source = isset( $_GET['gd'] ) ? $_GET['gd'] : null; // The Google Drive ID
@MustafaMta
MustafaMta / convert-html-to-image-in-jquery-div-or-table-to-jpg-png.markdown
Created December 4, 2022 13:21
Convert HTML to Image in Jquery [Div or Table to jpg/ png]
@MustafaMta
MustafaMta / happy-new-year-fireworks-100-lines-of-code.markdown
Created December 19, 2022 23:10
happy new year fireworks (100 lines of code)
@MustafaMta
MustafaMta / index.html
Created January 8, 2023 15:24
UIkit3 - Text Slider
<section id="porque-sec" class="uk-section uk-section-secondary uk-light">
<div>
<h1 class="uk-text-center">Here Some Title</h1>
<div uk-slider="velocity:1.3; easing: cubic-bezier(.4,0,.2,1)">
<div class="uk-position-relative">
<div class="uk-slider-container uk-light">
<ul class="uk-slider-items uk-child-width-1-1">
<li>
<div class="uk-container uk-container-small" uk-slider-parallax="opacity: 0,1,0">
<h3 class="uk-heading-bullet">Heading Bullet</h3>
@MustafaMta
MustafaMta / index.html
Created January 15, 2023 11:09
Social Story
<div class="container">
<div class="swiper mySwiper" id="stories-cover">
<div class="swiper-wrapper">
<div class="swiper-slide" onclick="openStory(this)">
<div class="user-avatar"><img src="https://abdullahturkmen.com/abdullah-turkmen-avatar.jpg" alt=""></div><span>Abdullah Lipa</span>
</div>
<div class="swiper-slide" onclick="openStory(this)">
<div class="user-avatar"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a0/Pierre-Person.jpg" alt=""></div><span>Abdullah Doe</span>
</div>
<div class="swiper-slide" onclick="openStory(this)">
@MustafaMta
MustafaMta / index.html
Created January 15, 2023 18:27
Stories Slider | Pure JS | ForFun :)
<div class="ld">
<div class="inside-wrapper">
<div class="container">
<div class="container-item">
<img src="https://images.unsplash.com/photo-1566558843351-b39b612160ab?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="">
</div>
<div class="container-item">
<img src="https://images.unsplash.com/photo-1566910087672-124366fda948?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="">
</div>
<div class="container-item">
@MustafaMta
MustafaMta / find-current-location-using-google-map.markdown
Created January 15, 2023 20:14
Find current location using google map
@MustafaMta
MustafaMta / find-current-location-using-google-map.markdown
Created January 17, 2023 18:24
Find current location using google map
@MustafaMta
MustafaMta / index.html
Created January 18, 2023 01:52
Modal Popup Box
<!-- Created based on Youtube [CodingLab](https://www.youtube.com/@CodingLabYT)-->
<section>
<button class="show-modal">Show Modal</button>
<span class="overlay"></span>
<div class="modal-box">
<i class="fa-regular fa-circle-check"></i>
<h3>Completed</h3>
<p>You have sucessfully downloaded all the source code files.</p>
<div class="buttons">
<button class="close-btn">OK, Close</button>
@MustafaMta
MustafaMta / index.html
Created January 18, 2023 01:52
Modal Popup Box
<!-- Created based on Youtube [CodingLab](https://www.youtube.com/@CodingLabYT)-->
<section>
<button class="show-modal">Show Modal</button>
<span class="overlay"></span>
<div class="modal-box">
<i class="fa-regular fa-circle-check"></i>
<h3>Completed</h3>
<p>You have sucessfully downloaded all the source code files.</p>
<div class="buttons">
<button class="close-btn">OK, Close</button>