-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch.html
104 lines (103 loc) · 5.02 KB
/
search.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
104
<header>
<h1>
<a href="index.html">
<img id="img-header" src="images/IMG_0823.jpeg">
</img>
</a>
</h1>
<right>
<form id="form1" action="search.html">
<input id="sbox" id="s" name="q" type="text"/>
<input id="searchButton" type="submit" value="検索" />
</form>
</right>
</header>
<script async src="https://cse.google.com/cse.js?cx=f0a928c90bbb149ed">
</script>
<div class="gcse-searchresults-only"></div>
<head>
<title>--の検索結果</title>
<script>
// URLからクエリパラメータ（検索キーワード）を取得します
const urlParams = new URLSearchParams(window.location.search);
const searchKeyword = urlParams.get('q');
// 検索キーワードが存在する場合、ページのタイトルを設定します
if (searchKeyword) {
document.title = `${searchKeyword} - の検索結果 `;
}
</script>
<style>
#img-header{
width: 140px;
height:70px;
}
header{
display: flex;
}
#sbox{
border-radius: 40px;
width: 330px;
right: 40%
}
#s{
border-radius: 40px;
width:330px;
right: 40%
}
#searchButton{
background: skyblue;
color: white;
text-align: center;
padding: 7px;
border-radius: 12px;
}
#searchButton:hover{
background: #79fce2;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="msapplication-square70x70logo" content="favicon/site-tile-70x70.png">
<meta name="msapplication-square150x150logo" content="favicon/site-tile-150x150.png">
<meta name="msapplication-wide310x150logo" content="favicon/site-tile-310x150.png">
<meta name="msapplication-square310x310logo" content="favicon/site-tile-310x310.png">
<meta name="msapplication-TileColor" content="#0078d7">
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon/favicon.ico">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="36x36" href="favicon/android-chrome-36x36.png">
<link rel="icon" type="image/png" sizes="48x48" href="favicon/android-chrome-48x48.png">
<link rel="icon" type="image/png" sizes="72x72" href="favicon/android-chrome-72x72.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/android-chrome-96x96.png">
<link rel="icon" type="image/png" sizes="128x128" href="favicon/android-chrome-128x128.png">
<link rel="icon" type="image/png" sizes="144x144" href="favicon/android-chrome-144x144.png">
<link rel="icon" type="image/png" sizes="152x152" href="favicon/android-chrome-152x152.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="favicon/android-chrome-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="favicon/android-chrome-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="favicon/android-chrome-512x512.png">
<link rel="icon" type="image/png" sizes="36x36" href="favicon/icon-36x36.png">
<link rel="icon" type="image/png" sizes="48x48" href="favicon/icon-48x48.png">
<link rel="icon" type="image/png" sizes="72x72" href="favicon/icon-72x72.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/icon-96x96.png">
<link rel="icon" type="image/png" sizes="128x128" href="favicon/icon-128x128.png">
<link rel="icon" type="image/png" sizes="144x144" href="favicon/icon-144x144.png">
<link rel="icon" type="image/png" sizes="152x152" href="favicon/icon-152x152.png">
<link rel="icon" type="image/png" sizes="160x160" href="favicon/icon-160x160.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/icon-192x192.png">
<link rel="icon" type="image/png" sizes="196x196" href="favicon/icon-196x196.png">
<link rel="icon" type="image/png" sizes="256x256" href="favicon/icon-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="favicon/icon-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="favicon/icon-512x512.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/icon-16x16.png">
<link rel="icon" type="image/png" sizes="24x24" href="favicon/icon-24x24.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/icon-32x32.png">
<link rel="manifest" href="favicon/manifest.json">
</head>