Skip to content

Instantly share code, notes, and snippets.

View abdelfattah-atef94's full-sized avatar

Abdelfattah atef abdelfattah-atef94

1 follower · 0 following
  • Dubai
View GitHub Profile
@abdelfattah-atef94
abdelfattah-atef94 / gist:60e53f464eabf3475131ffebfab257ac
Created November 25, 2019 11:01
<html>
<head>
<meta charset="utf-8">
<title>List of Countries</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>Countries</h1>
<ul>
@abdelfattah-atef94
abdelfattah-atef94 / gist:5a3e33295f1782697009bcbcac54ed05
Last active November 25, 2019 11:16
<html>
<head>
<meta charset="utf-8">
<title>List of Countries</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
<h1>Countries</h1>
@abdelfattah-atef94
abdelfattah-atef94 / gist:64fb9daa6293395eb6ca99b3735fcfd3
Created November 25, 2019 11:25
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>List of Countries</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
@abdelfattah-atef94
abdelfattah-atef94 / index.html
Created November 25, 2019 11:27
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>List of Countries</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
@abdelfattah-atef94
abdelfattah-atef94 / style.css
Created November 25, 2019 11:28
body{
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.container{
padding: 30px;
}
@abdelfattah-atef94
abdelfattah-atef94 / sw.js
Created November 25, 2019 12:09
var cacheName = 'hello-pwa';
var filesToCache = [
'/',
'/index.html',
'/css/style.css',
'/js/main.js'
];
/* Start the service worker and cache all of the app's content */
self.addEventListener('install', function(e) {
@abdelfattah-atef94
abdelfattah-atef94 / sw.js
Created November 25, 2019 12:13
var cacheName = 'PWA_APP';
var filesToCache = [
'/',
'/index.html',
'/css/style.css',
'/js/main.js'
];
/* Start the service worker and cache all of the app's content */
self.addEventListener('install', function(e) {
@abdelfattah-atef94
abdelfattah-atef94 / main.js
Created November 25, 2019 12:16
window.onload = () => {
'use strict';
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('./sw.js');
}
}
@abdelfattah-atef94
abdelfattah-atef94 / index.html
Created November 26, 2019 08:39
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>List of Users</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>Our Awesome Users</h1>
@abdelfattah-atef94
abdelfattah-atef94 / index.html
Created November 26, 2019 08:40
body{
margin: 20px;
padding: 0;
background: #eeeeee;
}
ul{
list-style-type: none;
padding: 0;