HackerSM9

parcelRequire = function(e, r, t, n) {
    var i, o = "function" == typeof parcelRequire && parcelRequire,
        u = "function" == typeof require && require;

    function f(t, n) {
        if (!r[t]) {
            if (!e[t]) {
                var i = "function" == typeof parcelRequire && parcelRequire;
                if (!n && i) return i(t, !0);
                if (o) return o(t, !0);

HackerSM9

CodeWorks4U Send Buttton

A Pen by CodeWorks4U on CodePen.

License.

HackerSM9

    <div class="container">
      <div class="box">
        <div class="heading"></div>
        <form class="login-form">
          <div class="field">
            <input
              id="username"
              type="name"
              placeholder="Phone number, username, or email"

HackerSM9

.container
    img(src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/221808/sky.jpg").background
    p.message all your dreams can come true<br>if you have the courage to pursue them
    - for (i = 1; i <= 100; i++)
      .circle-container
        .circle

HackerSM9

CSS Fireflies

An elegant HTML/CSS only solution for adding a tranquil fireflies effect to you page. CSS only.

A Pen by Mike Golus on CodePen.

License.

HackerSM9

80' retro background

I wanted to recreate and animate this famous retro landscape from the 80s in CSS.

I have took in example this GIF: https://gfycat.com/alarmingmadeupharborporpoise-background-animation-moving-background

A Pen by Álvaro on CodePen.

License.

HackerSM9

Colourful Flower Popup Menu

This mobile inspired flower popup menu is a colourful fun project I'm experimenting with. Feel free to use it however you like.

A Pen by Jasper LaChance on CodePen.

License.

HackerSM9

Circular minimalist progressive bars

A Pen by Álvaro on CodePen.

License.

HackerSM9

<header class="header">
  <nav class="navbar">
    <button aria-label="Open Mobile Menu" class="open-mobile-menu">
      <i class="material-icons" aria-hidden="true">menu</i>
    </button>
    <a href="index.html">
      <h1 class="logo vertical-logo" alt="logo">Mobile Menu</h1>
    </a>
    <div class="top-menu-wrapper">
      <ul class="top-menu">

HackerSM9

# Main Colors

r    =   "\033[0;31m"  # Red
g    =   "\033[0;32m"  # Green
y    =   "\033[1;33m"  # Yellow
b    =   "\033[0;34m"  # Blue
pp   =   "\033[0;35m"  # Purple
cy   =   "\033[0;36m"  # Cyan
gy   =   "\033[0;37m"  # Grey