Skip to content

Commit

Permalink
メニュー直した
Browse files Browse the repository at this point in the history
  • Loading branch information
@webfullsympathy
webfullsympathy committed Dec 2, 2024
1 parent d7cfac9 commit 750b779
Show file tree
Hide file tree
Showing 6 changed files with 66 additions and 54 deletions.
2 changes: 0 additions & 2 deletions dev/new/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,6 @@

img{
border-radius: 100%;
display: block;
margin: 0 auto;
}

a{
Expand Down
2 changes: 0 additions & 2 deletions dev/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,6 @@

img{
border-radius: 100%;
display: block;
margin: 0 auto;
}

a{
Expand Down
72 changes: 49 additions & 23 deletions embed/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,42 +69,64 @@
<div style="background: none;display: block;height: 3vh;position: unset;"></div>
<div id="menu_window" style="display: none;">
<h3 style="margin-left: -25px;">
<span src="https://share-tool.net/menu.svg" id="menu" onclick="menu_close()" style="font-size: 32px;vertical-align: 25%;">✕</span>
<span src="menu.svg" id="menu" onclick="menu_close()" style="font-size: 32px;vertical-align: 25%;">✕</span>
Share Tool Menu
</h3>
<div>
<ul>
<a class="menu_a" href="https://github.com/webfullsympathy/share-tool"><li>GitHubで見る</li></a>
<a class="menu_a" href="https://share-tool.net/embed"><li>埋め込みコードはこちら</li></a>
<a class="menu_a" href="https://share-tool.net/doc"><li>ドキュメント</li></a>
<a class="menu_a" href="https://lit.link/sharetool"><li>リンク集</li></a>
<a class="menu_a" href="https://share-tool.net/dev"><li>開発者</li></a>
<a class="menu_a" href="https://share-tool.net/settings"><li>設定</li></a>
<a class="menu_a" href="https://github.com/webfullsympathy/share-tool">
<li><span><img src="src/menu/github.png" class="menuicon" style="border-radius: 100%;">GitHubで見る</span></li>
</a>
<br>
<a class="menu_a" href="https://share-tool.net/embed">
<li><span><img src="src/menu/code.png" class="menuicon">埋め込みコードはこちら</span></li>
</a>
<br>
<a class="menu_a" href="https://share-tool.net/doc">
<li><span><img src="src/menu/document.png" class="menuicon">ドキュメント</span></li>
</a>
<br>
<a class="menu_a" href="https://lit.link/sharetool">
<li><span><img src="src/menu/link.png" class="menuicon">リンク集</span></li>
</a>
<br>
<a class="menu_a" href="https://share-tool.net/dev">
<li><span><img src="src/menu/developer.png" class="menuicon">開発者</span></li>
</a>
<br>
<a class="menu_a" href="https://share-tool.net/settings">
<li><span><img src="src/menu/settings.png" class="menuicon">設定</span></li>
</a>
</ul>
</div>
</div>
<div id="back_menu"></div>
<style>
#menu{
.menuicon {
width: 10px;
vertical-align: middle;
}

#menu {
display: inline-block;
width: 48px;
vertical-align: -46%;
cursor: pointer;
}

#menu_window{
#menu_window {
display: none;
border-radius: 10px;
box-shadow: 0px 0px 10px 2px #fff;
padding: 30px;
position: fixed;
top: 30px;
width: 60%;
background:#fff;
background: #fff;
z-index: 5;
}
}

#back_menu{
#back_menu {
z-index: 4;
background: #000;
opacity: 0.8;
Expand All @@ -116,7 +138,7 @@ <h3 style="margin-left: -25px;">
display: none;
}

#header{
#header {
background: #ffffff2e;
padding-left: 15px;
margin-left: -10px;
Expand All @@ -131,30 +153,34 @@ <h3 style="margin-left: -25px;">
margin-bottom: 50px;
}

div ul{
color:#fff;
div ul {
color: #fff;
list-style: none;
}

@media (prefers-color-scheme: light) {
.menu_open{
mix-blend-mode: difference;
li{
display: inline-block;
}

.menu_a{
mix-blend-mode: difference;
}
@media (prefers-color-scheme: light) {
.menu_open {
mix-blend-mode: difference;
}

.menu_a {
mix-blend-mode: difference;
}
}
</style>
<script>
function menu_open(){
function menu_open() {
const menubar = document.getElementById("menu_window");
const back = document.getElementById("back_menu");
menubar.style.display = "block";
back.style.display = "block";
}

function menu_close(){
function menu_close() {
const menubar = document.getElementById("menu_window");
const back = document.getElementById("back_menu");
menubar.style.display = "none";
Expand Down
2 changes: 0 additions & 2 deletions embed/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,6 @@
}

img{
display: block;
margin: 0 auto;
width: 5%;
border-radius: 50px;
}
25 changes: 13 additions & 12 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,35 +143,36 @@ <h3 style="margin-left: -25px;">
<div>
<ul>
<a class="menu_a" href="https://github.com/webfullsympathy/share-tool">
<li><img src="src/menu/github.png" class="menuicon" style="border-radius: 100%;"><span>GitHubで見る</span></li>
<li><span><img src="src/menu/github.png" class="menuicon" style="border-radius: 100%;">GitHubで見る</span></li>
</a>

<br>
<a class="menu_a" href="https://share-tool.net/embed">
<li><img src="src/menu/code.png" class="menuicon"><span>埋め込みコードはこちら</span></li>
<li><span><img src="src/menu/code.png" class="menuicon">埋め込みコードはこちら</span></li>
</a>

<br>
<a class="menu_a" href="https://share-tool.net/doc">
<li><img src="src/menu/document.png" class="menuicon"><span>ドキュメント</span></li>
<li><span><img src="src/menu/document.png" class="menuicon">ドキュメント</span></li>
</a>

<br>
<a class="menu_a" href="https://lit.link/sharetool">
<li><img src="src/menu/link.png" class="menuicon"><span>リンク集</span></li>
<li><span><img src="src/menu/link.png" class="menuicon">リンク集</span></li>
</a>

<br>
<a class="menu_a" href="https://share-tool.net/dev">
<li><img src="src/menu/developer.png" class="menuicon"><span>開発者</span></li>
<li><span><img src="src/menu/developer.png" class="menuicon">開発者</span></li>
</a>

<br>
<a class="menu_a" href="https://share-tool.net/settings">
<li><img src="src/menu/settings.png" class="menuicon"><span>設定</span></li>
<li><span><img src="src/menu/settings.png" class="menuicon">設定</span></li>
</a>
</ul>
</div>
</div>
<div id="back_menu"></div>
<style>
.menuicon {
margin: 0;
width: 10px;
vertical-align: middle;
}

#menu {
Expand Down
17 changes: 4 additions & 13 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,13 +53,6 @@
text-align: center;
}

img{
display: block;
margin: 0 auto;
width: 5%;
border-radius: 50px;
}

a{
outline: none;
text-decoration: none;
Expand Down Expand Up @@ -138,12 +131,6 @@
text-align: center;
}

img{
display: block;
margin: 0 auto;
width: 5%;
border-radius: 50px;
}
/*
div{
background-color: #ffffff;
Expand Down Expand Up @@ -184,6 +171,10 @@
::placeholder {color: #ffffff;}::-ms-input-placeholder{color: #ffffff;}:-ms-input-placeholder{color: #ffffff;}
}

img{
border-radius: 50px;
}

.extentionDL{
margin: 3vw;
padding: 2vw;
Expand Down

0 comments on commit 750b779

Please sign in to comment.