Skip to content

Instantly share code, notes, and snippets.

View xamronpc's full-sized avatar

xamronpc

3 followers · 10 following
View GitHub Profile
@xamronpc
xamronpc / index.html
Created March 17, 2022 15:48
QR Code - Lego Blocks
<canvas id="background"></canvas>
<div class="wrapper">
<div class="title">QR Code Lego Generator</div>
<div class="text-input">
<label for="inputText">Insert text to encode</label>
<input name="inputText" id="inputText" type="text" maxlength="256" size="56" value="https://kabayanika.com" />
<div>
<button type="button" class="update-button" onclick="updateQRCode();">Update</button> <button type="button" class="save-button" onclick="saveQRCode();">Download</button>
</div>
</div>
@xamronpc
xamronpc / index.html
Created March 17, 2022 15:47
QR Code - Lego Blocks
<canvas id="background"></canvas>
<div class="wrapper">
<div class="title">QR Code Lego Generator</div>
<div class="text-input">
<label for="inputText">Insert text to encode</label>
<input name="inputText" id="inputText" type="text" maxlength="256" size="56" value="https://kabayanika.com" />
<div>
<button type="button" class="update-button" onclick="updateQRCode();">Update</button> <button type="button" class="save-button" onclick="saveQRCode();">Download</button>
</div>
</div>
@xamronpc
xamronpc / index.html
Created March 17, 2022 04:58
Sidebar AdminLTE
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Dashboard</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
@xamronpc
xamronpc / index.haml
Created March 16, 2022 09:46
Navigation Bar by Jan Kaděra
- @icons = ['icon-reorder','icon-th-large','icon-bar-chart','icon-tasks','icon-bell','icon-archive','icon-comment','icon-sitemap','icon-thumbs-up','icon-tumblr']
%ul
- @icons.each do |icon|
%li
%a.list-item{:href=>""}
%i{:class=>"#{icon}"}
@xamronpc
xamronpc / dash-o-clock.markdown
Created March 16, 2022 04:00
Dash O Clock

Dash O Clock

Time told with circular progress bars. Hover or focus on the date, hour, minute, and second to see them individually!

A Pen by xamronpc on CodePen.

License.

@xamronpc
xamronpc / dash-o-clock.markdown
Created March 14, 2022 01:23
Dash O'Clock

Dash O'Clock

Time told with circular progress bars. Hover or focus on the date, hour, minute, and second to see them individually!

A Pen by xamronpc on CodePen.

License.

@xamronpc
xamronpc / index.html
Created March 13, 2022 22:22
Task Manager UI
<div class="container">
<div class="user-profile-area">
<div class="task-manager">task manager</div>
<div class="side-wrapper">
<div class="user-profile">
<img src="https://assets.codepen.io/3364143/Screen+Shot+2020-08-01+at+12.24.16.png" alt="" class="user-photo">
<div class="user-name">Normax Pc</div>
<div class="user-mail">pacificoutsourcer@gmail.com</div>
</div>
<div class="user-notification">
@xamronpc
xamronpc / index.html
Created March 13, 2022 22:22
Task Manager UI
<div class="container">
<div class="user-profile-area">
<div class="task-manager">task manager</div>
<div class="side-wrapper">
<div class="user-profile">
<img src="https://assets.codepen.io/3364143/Screen+Shot+2020-08-01+at+12.24.16.png" alt="" class="user-photo">
<div class="user-name">Normax Pc</div>
<div class="user-mail">pacificoutsourcer@gmail.com</div>
</div>
<div class="user-notification">
@xamronpc
xamronpc / dark-ui-bank-dashboard-concept.markdown
Created March 10, 2022 17:23
Dark UI - Bank dashboard concept
@xamronpc
xamronpc / bootstrap-4-navbar.markdown
Created March 9, 2022 21:17
bootstrap 4 navbar

bootstrap 4 navbar

With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class, followed by a responsive collapsing class: .navbar-expand-xl. ... sm (stacks the navbar vertically on extra large, large, medium or small screens).

A Pen by xamronpc on CodePen.

License.