Skip to content

Instantly share code, notes, and snippets.

View safwendr's full-sized avatar

Safwen Derouiche safwendr

View GitHub Profile
@safwendr
safwendr / slugify.pipe.ts
Created January 4, 2022 11:13 — forked from djabif/slugify.pipe.ts
Angular Pipe to transform a string into a slug
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'slugify'})
export class SlugifyPipe implements PipeTransform {
transform(input: string): string {
return input.toString().toLowerCase()
.replace(/\s+/g, '-') // Replace spaces with -
.replace(/[^\w\-]+/g, '') // Remove all non-word chars
.replace(/\-\-+/g, '-') // Replace multiple - with single -
.replace(/^-+/, '') // Trim - from start of text
@safwendr
safwendr / index.pug
Created December 16, 2020 20:23
The Team - Grid
- var users = {
- "Aaron Rossi": {
- "name": "Aaron Rossi",
- "title": "CEO & Co-Founder",
- "avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg",
- "social": {
- "facebook": "",
- "twitter": "",
- "linkedin": "",
- }
@safwendr
safwendr / breathe-coded-on-ios.markdown
Created December 16, 2020 20:19
Breathe (Coded on iOS)
@safwendr
safwendr / index.html
Created December 16, 2020 20:15
Pure CSS Glitch Experiment (Twitch Intro WIP)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<title>Glitch</title>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" />
</head>
<body>
@safwendr
safwendr / index.html
Created December 16, 2020 13:16
Responsive Pure CSS Menu Tutorial (No Javascript)
<html>
<head>
<link rel="stylesheet" href="menu.css">
</head>
<body>
<header class="header">
<a href="/" class="logo">CORP</a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
@safwendr
safwendr / image-slider-toggle-button-with-html-css-javascript.markdown
Created December 16, 2020 02:40
Image Slider Toggle Button with HTML CSS & JavaScript
@safwendr
safwendr / index.html
Created December 16, 2020 02:27
Responsive Navbar with Search Box using HTML CSS & JavaScript
<!DOCTYPE html>
<!-- Created By CodingNepal -->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<!-- Somehow I got an error, so I comment the title, just uncomment to show -->
<!-- <title>Responsive Navbar with Search Box | CodingNepal</title> -->
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
@safwendr
safwendr / index.html
Created December 16, 2020 02:19
Neumorphism Profile Card UI Design using only HTML & CSS
<!DOCTYPE html>
<!-- Created By CodingNepal - www.codingnepalweb.com -->
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <title>Neumorphism Profile Card | CodingNepal</title> -->
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
@safwendr
safwendr / custom-radio-buttons-using-only-html-css.markdown
Created December 16, 2020 02:17
Custom Radio Buttons using only HTML & CSS