umamichi/file0.html

## file0.html
<!-- index.html -->
<html>
<head>
  <title>github pages test</title>
</head>
<body>
  <h1>github pages test</h1>
</body>
</html>

## file0.txt
あなたのユーザーネーム.github.io

## file1.html
<!-- index.html -->
<html>
<head>
  <title>github pages test</title>
</head>
<body>
  <h1>github pages test</h1>
</body>
</html>

## file1.txt
{
  "name": "PWA Sample",
  "short_name": "PWA",
  "background_color": "#fc980c",
  "icons": [{
      "src": "./icon-256.png",
      "sizes": "256x256",
      "type": "image/png"
    },{
      "src": "./icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    }],
  "start_url": "./?utm_source=homescreen",
  "display": "standalone"
}

## file2.txt
  "start_url": "./?utm_source=homescreen",

## file3.txt
  "display": "standalone"

## file4.txt
// service-worker.js
self.addEventListener('install', function(e) {
  console.log('[ServiceWorker] Install');
});

self.addEventListener('activate', function(e) {
  console.log('[ServiceWorker] Activate');
});

// 現状では、この処理を書かないとService Workerが有効と判定されないようです
self.addEventListener('fetch', function(event) {});

## file5.html
<!-- index.html -->
<html>
<head>
  <!-- manifest.jsonを呼び出しています -->
  <link rel="manifest" href="./manifest.json">
  <script>
    // service workerが有効なら、service-worker.js を登録します
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('./service-worker.js').then(function() { console.log('Service Worker Registered'); });
   }
  </script>
  <title>Hello PWA.</title>
  <style>
    body {
      text-align:center;
      font-size: 40px;
      vertical-align: middle;
    }
    .image {
      width: 80%;
      margin: auto;
      display: block;
    }
  </style>
</head>
<body>
  <h1>Hello PWA.</h1>
  <img src="./pwa-logo.svg" alt="PWA logo" class="image" />
  <a href="p.html">p.html</a>
</body>
</html>

## file5.txt
// service-worker.js
self.addEventListener('install', function(e) {
  console.log('[ServiceWorker] Install');
});

self.addEventListener('activate', function(e) {
  console.log('[ServiceWorker] Activate');
});

// 現状では、この処理を書かないとService Workerが有効と判定されないようです
self.addEventListener('fetch', function(event) {});

## file6.html
<!-- p.html -->
<html>
<head>
  <title>Hello PWA. p.html</title>
  <style>
    body {
      text-align:center;
      font-size: 40px;
      vertical-align: middle;
    }
    .image {
      width: 80%;
      margin: auto;
      display: block;
    }
  </style>
</head>
<body>
  <h1>p.html</h1>
  <img src="./p-chan.jpg" alt="p-chan" class="image" />
  <a href="index.html">index.html</a>
</body>
</html>

## file7.html
<!-- p.html -->
<html>
<head>
  <title>Hello PWA. p.html</title>
  <style>
    body {
      text-align:center;
      font-size: 40px;
      vertical-align: middle;
    }
    .image {
      width: 80%;
      margin: auto;
      display: block;
    }
  </style>
</head>
<body>
  <h1>p.html</h1>
  <img src="./p-chan.jpg" alt="p-chan" class="image" />
  <a href="index.html">index.html</a>
</body>
</html>

## file7.txt
<meta name="apple-mobile-web-app-capable" content="yes">

## file8.txt
<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<!-- index.html -->
	<html>
	<head>
	<title>github pages test</title>
	</head>
	<body>
	<h1>github pages test</h1>
	</body>
	</html>
	{
	"name": "PWA Sample",
	"short_name": "PWA",
	"background_color": "#fc980c",
	"icons": [{
	"src": "./icon-256.png",
	"sizes": "256x256",
	"type": "image/png"
	},{
	"src": "./icon-192.png",
	"sizes": "192x192",
	"type": "image/png"
	}],
	"start_url": "./?utm_source=homescreen",
	"display": "standalone"
	}
	// service-worker.js
	self.addEventListener('install', function(e) {
	console.log('[ServiceWorker] Install');
	});

	self.addEventListener('activate', function(e) {
	console.log('[ServiceWorker] Activate');
	});

	// 現状では、この処理を書かないとService Workerが有効と判定されないようです
	self.addEventListener('fetch', function(event) {});
	<!-- p.html -->
	<html>
	<head>
	<title>Hello PWA. p.html</title>
	<style>
	body {
	text-align:center;
	font-size: 40px;
	vertical-align: middle;
	}
	.image {
	width: 80%;
	margin: auto;
	display: block;
	}
	</style>
	</head>
	<body>
	<h1>p.html</h1>
	<img src="./p-chan.jpg" alt="p-chan" class="image" />
	<a href="index.html">index.html</a>
	</body>
	</html>