-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (117 loc) · 6.34 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta content="all">
<meta name="description" content="ウェブ完理のホームページです。プロフィールやリンク等をまとめています。"/>
<title>ホーム | ウェブ完理</title>
<link rel="stylesheet" href="./style.css">
<script src="script.js"></script>
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
</head>
<body class="body" onContextmenu="return false;">
<header>
<a href="https://webfullsympathy.github.io/index.html"><span>Home</span></a>
<a href="https://lit.link/webfullsympathy"><span>Link</span></a>
<a href="./delay-credentials/index.html"><span>Delay</span></a>
<a href="./video/"><span>Video</span></a>
<a href="https://writening.net/page?GeLP53"><span>Schedule</span></a>
</header>
<br>
<a href="https://lit.link/webfullsympathy">
<img src="profile.jpg" id="icon">
<div id="penname" style="color: black;font-weight:bold;">ウェブ完理</div>
</a>
<br>
<div id="profile">
<br>
<h4 id="text">ウェブアプリの作り方を完全に理解した人。<br>最低30秒～最大20分ほどの短い時間で学べるのがモットー。<br>技術系Youtubeチャンネルを取得していて紹介や作ってみた動画をアップロードしている。</h4>
<hr>
<h4 id="text">
<a href="https://line.me/R/ti/p/@025lbtsh">公式LINE(お知らせなど)</a>
<br>
<a href="https://lit.link/webfullsympathy">リンク集</a>
</h4>
</div>
<h1 id="text">作ったもの</h1>
<a href="https://share-tool.vercel.app"><img src="https://share-tool.vercel.app/src/share.jpg" style="display: block;margin: 0 auto;width: 15%;border-radius: 100px;"></a>
<!-- 以下右クリックメニュー -->
<div class="contextmenu">
<div></div>
<div onclick="history.back();">←戻る</div>
<div onclick="history.go();">→進む</div>
<div onclick="location.reload();">↻再読み込み</div>
<hr>
<div onclick="location.href='https://github.com/webfullsympathy'"><img src="https://play-lh.googleusercontent.com/PCpXdqvUWfCW1mXhH1Y_98yBpgsWxuTSTofy3NGMo9yBTATDyzVkqU580bfSln50bFU=w240-h480-rw" id="text-in-img">GitHub</div>
<div onclick="location.href='https://youtube.com/@webfullsympathy'"><img src="https://play-lh.googleusercontent.com/Qolm5gr9jnabjk-0z79srjYC1XPVExribNz5kbDmGJeEtmRlo0UQoQEIkKMHRyt5paw" id="text-in-img">Youtube</div>
<div onclick="location.href='https://x.com/webfullsympathy'"><img src="https://play-lh.googleusercontent.com/XyI6Hyz9AFg7E_joVzX2zh6CpWm9B2DG2JuEz5meCFVm4-wTKTnHgqbmg62iFKe4Gzca" id="text-in-img">X(旧Twitter)</div>
<div onclick="location.href='https://www.instagram.com/webfullsympathy/'"><img src="https://play-lh.googleusercontent.com/VRMWkE5p3CkWhJs6nv-9ZsLAs1QOg5ob1_3qg-rckwYW7yp1fMrYZqnEFpk0IoVP4LM=w240-h480-rw" id="text-in-img">Instagram</div>
<div onclick="location.href='https://note.com/webfullsympathy'"><img src="https://play-lh.googleusercontent.com/7bEMlfa3cYoSI_8YmMYHNI3HUUg7IvX0-vJFktOJsczITMTf0dutvTwlWYhyqL4Mcw" id="text-in-img">Note</div>
<div onclick="location.href='mailto:[email protected]'"><img src="https://thumb.ac-illust.com/88/88dfda9e919127876273aeffc41d1791_t.jpeg" id="text-in-img">メール</div>
<div onclick="location.href='https://lit.link/webfullsympathy'"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQlK2RfbDc1cvRvXiMXQsPwoQHUiCjcc3xGQw&s" id="text-in-img">リンク集</div>
<div></div>
</div>
<script>
const contextmenu = document.querySelector('.contextmenu');
const body = document.querySelector('.body');
body.addEventListener('contextmenu', (e) => {
contextmenu.style.left = e.pageX + 'px';
contextmenu.style.top = e.pageY - scrollY + 'px';
contextmenu.style.display = 'block';
});
body.addEventListener('click', () => {
contextmenu.style.display = 'none';
});
</script>
<style>
html{
user-select: none;
}
* {
margin: 0;
padding: 0;
}
.contextmenu {
position: fixed;
z-index: 99;
background: #fff;
color: #555;
font-size: 11px;
user-select: none;
box-shadow: 2px 2px 2px 0 #8f9091;
border: 1px solid #c6c6c6;
padding: 0;
padding-top: 4px;
padding-bottom: 4px;
margin: 0;
outline: 0;
display: none;
border-radius: 30px;
}
.contextmenu div {
box-sizing: border-box;
display: block;
padding: 8px 8px 8px 28px;
width: 250px;
position: relative;
cursor: default;
font-size: 11px;
font-family: sans-serif;
}
.contextmenu div:hover {
background: #ebebeb;
}
.contextmenu hr {
border: 1px solid #e9e9e9;
border-bottom: 0;
margin-top: 5px;
margin-bottom: 5px;
}
#text-in-img{
width: 5%;
vertical-align: middle;
border-radius: 20px;
}
</style>
</body>
</html>