-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (93 loc) · 3.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!--
中身が気になる？
リポジトリ: https://github.com/ygkn/onakasuita.city
おなか吹田市？
https://www.google.com/maps/search/%E3%83%AC%E3%82%B9%E3%83%88%E3%83%A9%E3%83%B3/
-->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>onakasuita.city</title>
<meta name="description" content="おなか吹田市" />
<meta property="og:title" content="onakasuita.city" />
<meta property="og:description" content="はらへった" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://onakasuita.city/" />
<meta property="og:image" content="https://onakasuita.city/images/og.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="314" />
<meta property="og:image:alt" content="おなか吹田市" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="shortcut icon" href="favicon.svg" type="image/svg+xml" />
<meta name="theme-color" content="#ffffff" />
<link rel="apple-touch-icon" href="/images/icons/192maskable.png" />
<link rel="manifest" href="manifest.webmanifest" />
</head>
<body style="text-align: center">
<h1>おなか吹田市</h1>
<p>
<a
href="https://twitter.com/intent/tweet?text=onakasuita%20city&url=onakasuita.city"
target="_blank"
rel="noopener noreferrer"
style="
background-color: #1b95e0;
color: white;
font-weight: bold;
display: inline-flex;
align-items: center;
gap: 0.5em;
padding: 0.25rem 1rem;
border-radius: 0.25rem;
text-decoration: none;
"
>
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
x="0"
y="0"
viewBox="0 0 248 204"
style="height: 1em"
aria-hidden="true"
>
<path
fill="currentColor"
d="M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04
C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66
c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64
c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76
c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26
c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z"
/>
</svg>
ツイート
</a>
</p>
<p>
<iframe
title="吹田市の地図"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52427.51822957592!2d135.48619908548258!3d34.787826326859765!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e4a6bda73c45%3A0x527cc777508a7d95!2z5aSn6Ziq5bqc5ZC555Sw5biC!5e0!3m2!1sja!2sjp!4v1625020872504!5m2!1sja!2sjp"
width="600"
height="450"
style="border: 0; max-width: 100%"
allowfullscreen=""
loading="lazy"
></iframe>
</p>
<script>
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/sw.js");
}
</script>
<script>
if (new URLSearchParams(location.search).get("tweet") === "true") {
location.href =
"https://twitter.com/intent/tweet?text=onakasuita%20city&url=onakasuita.city";
}
</script>
</body>
</html>