experimentation of mask-image + canvas
works best in chrome, based on https://dribbble.com/shots/2250809-Ideum
A Pen by Charles Strube on CodePen.
| import { Layout, Menu } from 'antd'; | |
| import { UserOutlined, SettingOutlined, DashboardOutlined, PictureOutlined } from '@ant-design/icons'; | |
| import { useState } from 'react'; | |
| import "antd/dist/reset.css"; | |
| const { Header, Sider, Content } = Layout; | |
| const Dashboard = () => <h2>Dashboard Page</h2>; | |
| const Users = () => <h2>Profiles Page</h2>; | |
| const Settings = () => <h2>Settings Page</h2>; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> | |
| <meta charset="utf-8"> | |
| <title>Directions Service</title> | |
| <style> | |
| /* Always set the map height explicitly to define the size of the div | |
| * element that contains the map. */ | |
| #map { |
| /* | |
| Stacks Follow Princiles of : LIFO | |
| Push: Add an element to the top of a stack | |
| Pop: Remove an element from the top of a stack | |
| IsEmpty: Check if the stack is empty | |
| IsFull: Check if the stack is full | |
| Peek: Get the value of the top element without removing it | |
| */ | |
| class Stacks{ |
| /* | |
| Enqueue: Add an element to the end of the queue | |
| Dequeue: Remove an element from the front of the queue | |
| IsEmpty: Check if the queue is empty | |
| IsFull: Check if the queue is full | |
| Peek: Get the value of the front of the queue without removing it | |
| */ | |
| class queue{ | |
| constructor() { |
| var hashmap = new Map( | |
| [ | |
| ["aa1689", "deshan jayashanka"], | |
| ["aa5678", "rashmi wijayawardana"], | |
| ["aa1234", "laksisis gunarathna"], | |
| ["aa1345", "amandi kavindya"], | |
| ]); | |
| console.log(hashmap); |
| rainfall_mi = "1.65, 1.46, 2.05, 3.03, 3.35, 3.46, 2.83, 3.23, 3.5, 2.52, 2.8, 1.85" | |
| num_rainy_months = 0 | |
| data_sheet: list = rainfall_mi.split(", ") | |
| for x in data_sheet: | |
| conv = float(x) |
| <header> | |
| <div class="container mb-4 mb-lg-5"> | |
| <nav class="mynavbar border-bottom justify-content-md-start"> | |
| <a class="mynavbar-link" href="#about">About</a> | |
| <a class="mynavbar-link" href="#portfolio">Portfolio</a> | |
| </nav> | |
| </div> | |
| </header> | |
| <div class="content" id="title">Hello World</div> | |
| <div class="content" id="text">numinous euro-pop hacker plastic geodesic realism sprawl. Tokyo tube assassin fetishism concrete weathered San Francisco. human receding tiger-team disposable gang sunglasses office. receding woman warehouse girl ablative claymore mine singularity. neon urban tanto wonton soup cardboard Chiba courier. face forwards rebar saturation point free-market artisanal camera human. systemic realism engine geodesic warehouse digital sprawl. city post- urban franchise nodality neon dome. | |
| systema pre- Legba otaku bicycle otaku table. silent neural smart- narrative fluidity into tower. engine drone denim garage chrome pen shanty town. corporation -ware industrial grade uplink shoes drone concrete. math- industrial grade sensory A.I. hotdog neon dead. San Francisco cyber- advert into vinyl Shibuya pistol. towards marketing weathered pre- corrupted tattoo artisanal. drone 3D-printed lights euro-pop sentient tower urban. | |
| </div> | |
| <div class="co |
experimentation of mask-image + canvas
works best in chrome, based on https://dribbble.com/shots/2250809-Ideum
A Pen by Charles Strube on CodePen.
| videos | views | ||
|---|---|---|---|
| channel1 | 30 | 34000 | |
| channel2 | 40 | 41000 | |
| channel3 | 50 | 42500 | |
| channel4 | 60 | 54300 | |
| channel5 | 70 | 56000 |