Skip to content

Commit a06d9ef

Browse files
change: table to list
1 parent 2daf26c commit a06d9ef

File tree

1 file changed

+52
-98
lines changed

1 file changed

+52
-98
lines changed

sns/index.html

+52-98
Original file line numberDiff line numberDiff line change
@@ -14,108 +14,62 @@
1414
<link rel="stylesheet" href="../style.css">
1515
<link rel="icon" type="apple-touch-icon" href="../favicon.png">
1616
<link rel="icon" type="image/x-icon" href="../favicon.png">
17-
<!-- # # CSS for table # # -->
18-
<style>
19-
table tr th p a, table tr td p a, table tr th p, table tr td p{
20-
/*下線無効化*/
21-
text-decoration: none;
22-
display: flex;
23-
justify-content: center;
24-
align-items: center;
25-
width: 100%;
26-
height: 100%;
27-
}
28-
table tr th, table tr td{
29-
padding: 0px;
30-
height: 0px;
31-
}
32-
table tr td p:hover, table tr td p:focus{
33-
border-radius: 10px;
34-
box-shadow:0px 1px 8px 4px whitesmoke;
35-
opacity: 0.7;
36-
}
37-
/* # ダークモード # */
38-
@media (prefers-color-scheme: dark){
39-
.link table tr td p, .link table tr td p{opacity: 0.8;}
40-
.link table tr td p:hover, .link table tr td p:focus{opacity: 1.0;}
41-
.link table tr td p a{color: black;}
42-
.link table tr td p a:hover, .link table tr td p a:focus{color: black;}
43-
}
44-
45-
/* # ライトモード # */
46-
@media (prefers-color-scheme: light){
47-
table tr th p a, table tr td p a, table tr th p, table tr td p{color: #006300;}
48-
table tr th p a:hover, table tr td p a:focus{color: #003000;}
49-
}
50-
/* # ダークモード # */
51-
@media (prefers-color-scheme: dark){
52-
table tr th p a, table tr td p a, table tr th p, table tr td p{color: #d0adf0;}
53-
table tr th p a:hover, table tr td p a:focus{color: #9e9eff;}
54-
}
55-
56-
.link table tr td p{
57-
border-radius: 8px;
58-
transition: 0.3s all;
59-
}
60-
61-
@media (prefers-color-scheme: light){table tr th{background-color: mintcream;}}
62-
@media (prefers-color-scheme: dark){table tr th{background-color: unset;}}
63-
64-
</style>
6517
</head>
6618
<body>
6719
<h1><a href="../">Lemon Electric Computer</a></h1>
6820

6921
<h2>SNS</h2>
70-
<table width="100%" cellpadding="5">
71-
<tr>
72-
<th width="15%"><b>コメント系</b></th>
73-
<th width="15%"><b> ゲーム系 </b></th>
74-
<th width="15%"><b>サーバー型</b></th>
75-
<th width="15%"><b> 技術系 </b></th>
76-
<th width="15%"><b>イラスト系</b></th>
77-
<th width="15%"><b> 特殊系 </b></th>
78-
</tr>
79-
<tr>
80-
<td><p><a href="./fediverse">Fediverse</a></p></td>
81-
<td><p><a href="https://play.unity.com/u/Lemon73">Unity</a></p></td>
82-
<td><p><a href="./discord">Discord</a></p></td>
83-
<td><p><a href="https://github.com/Lemon73-Computing">GitHub</a></p></td>
84-
<td><p><a href="./reddit">Reddit</a></p></td>
85-
<td><p><a href="./youtube">YouTube</a></p></td>
86-
</tr>
87-
<tr>
88-
<td><p><a href="https://jp.quora.com/profile/Lemon73">Quora</a></p></td>
89-
<td><p><a href="https://steamcommunity.com/profiles/76561199447542409/">Steam</a></p></td>
90-
<td><p><a href="https://app.element.io/#/room/#lec-main:matrix.org">Element</a></p></td>
91-
<td><p><a href="./qiita">Qitta</a></p></td>
92-
<td><p><a href="https://www.pinterest.jp/SuperLemon73/_created/">Pinterest</a></p></td>
93-
<td><p><a href="https://www.instagram.com/lemon73_digital/">Instagram</a></p></td>
94-
</tr>
95-
<tr>
96-
<td><p><a href="./mstdn-jp">Mstdn.jp</a></p></td>
97-
<td></td>
98-
<td><p><a href="https://www.facebook.com/profile.php?id=100089223282478">Facebook</a></p></td>
99-
<td><p><a href="https://invent.kde.org/futurelemon">KDE</a></p></td>
100-
<td><p><a href="https://medibang.com/mypage/">ARTstreet</a></p></td>
101-
<td><p><a href="https://lemon73.gitlab.io">LEC Official</a></p></td>
102-
</tr>
103-
<tr>
104-
<td><p><a href="./misskey-io">Misskey.io</a></p></td>
105-
<td></td>
106-
<td></td>
107-
<td><p><a href="https://learn.microsoft.com/ja-jp/users/lemon73/transtyle/d825jupyjmp01qg">Microsoft</a></p></td>
108-
<td><p><a href="https://www.deviantart.com/lemon73neo">DeviantArt</a></p></td>
109-
<td><p><a href="/LEC-MainSite/">LEC Old</a></p></td>
110-
</tr>
111-
<tr>
112-
<td></td>
113-
<td></td>
114-
<td></td>
115-
<td></td>
116-
<td><p><a href="https://krita-artists.org/u/lemon73/">Krita Artists</a></p></td>
117-
<td><p><a href="http://lemonfuture.s239.xrea.com">LEC Data</a></p></td>
118-
</tr>
119-
</table>
22+
23+
<h3>コメント系</h3>
24+
<ul>
25+
<li><a href="./reddit">Reddit</a></li>
26+
<li><a href="./misskey-io">Misskey.io</a></li>
27+
<li><a href="./mstdn-jp">Mstdn.jp</a></li>
28+
<li><a href="./fediverse">Fediverse</a></li>
29+
<li><a href="https://www.instagram.com/lemon73_digital/">Instagram</a></li>
30+
<li><a href="https://www.facebook.com/profile.php?id=100089223282478">Facebook</a></li>
31+
</ul>
32+
33+
<h3>動画系</h3>
34+
<ul>
35+
<li><a href="./youtube">YouTube</a></li>
36+
</ul>
37+
38+
<h3>技術系</h3>
39+
<ul>
40+
<li><a href="https://github.com/Lemon73-Computing">GitHub</a></li>
41+
<li><a href="https://invent.kde.org/futurelemon">KDE Invent</a></li>
42+
<li><a href="./qiita">Qitta</a></li>
43+
<li><a href="https://learn.microsoft.com/ja-jp/users/lemon73/transtyle/d825jupyjmp01qg">Microsoft Learn</a></li>
44+
</ul>
45+
46+
<h3>イラスト系</h3>
47+
<ul>
48+
<li><a href="https://krita-artists.org/u/lemon73/">Krita Artists</a></li>
49+
<li><a href="https://www.pinterest.jp/SuperLemon73/_created/">Pinterest</a></li>
50+
<li><a href="https://medibang.com/mypage/">ARTstreet</a></li>
51+
<li><a href="https://www.deviantart.com/lemon73neo">DeviantArt</a></li>
52+
</ul>
53+
54+
<h3>Q&A系</h3>
55+
<ul>
56+
<li><a href="https://jp.quora.com/profile/Lemon73">Quora</a></li>
57+
</ul>
58+
59+
<h3>サイト</h3>
60+
<ul>
61+
<li><a href="https://lemon73.gitlab.io">LEC Official</a></li>
62+
<li><a href="https://alicenovel.web.app">Alice Project</a></li>
63+
<li><a href="/LEC-MainSite/">LEC Old</a> (ここ)</li>
64+
<li><a href="http://lemonfuture.s239.xrea.com">LEC Data</a></li>
65+
</ul>
66+
67+
<h3>その他</h3>
68+
<ul>
69+
<li><a href="./discord">Discord</a></li>
70+
<li><a href="https://app.element.io/#/room/#lec-main:matrix.org">Element</a></li>
71+
<li><a href="https://play.unity.com/u/Lemon73">Unity play</a></li>
72+
<li><a href="https://steamcommunity.com/profiles/76561199447542409/">Steam</a></li>
73+
</ul>
12074
</body>
12175
</html>

0 commit comments

Comments
 (0)