vylion/littlelink
vylion/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

solved drop down double click issue

Browse source
This commit is contained in:
brian 2022-10-25 11:16:13 -04:00
parent 3605738bf5
commit aaa216f899
3 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
README.md
View file

@ -3,11 +3,10 @@
![LittleLink](https://cdn.cottle.cloud/littlelink/social-circle.png)
LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
and [many.link](https://many.link/). I forked this to publish as a project page using github and will add additional logos which I need but not necessarily everyone else.
and [many.link](https://many.link/). I forked this to publish as a project page using github and will add additional logos which I need but not necessarily everyone else.
NOTES FOR ME:
Change colors via: `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing.
Change colors via: `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing.
Automatic theme option: You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
This branch will be used for development so that the main branch will function as the website itself.

4
css/dropdown.js
View file

@ -1,3 +1,7 @@
// to do:
// - menus need to be clicked twice to open
// - clicking on window does not result in menu closing
function PRlist() {
var click = document.getElementById("PR");
if(click.style.display ==="none") {

7
index.html
View file

@ -107,7 +107,8 @@
<div class="dropdown">
<button onclick="PRlist()" class="dropbtn">Professional Resources<img class="icon" src="images/downarrow.png"></button>
<div id="PR" class="dropdown-content">
<!-- style="display:none" eliminates needing to click twice to first open the drop down menu -->
<div id="PR" style="display:none" class="dropdown-content">
<!-- Resume -->
<a class="button button-github" href="images/Andrews_Resume_2022.pdf" target="_blank" rel="noopener">
<img class="icon" src="images/icons/resume.png">Resume</a>
@ -133,7 +134,8 @@
<div class="dropdown">
<button onclick="PLTlist()" class="dropbtn-PLT"><img class="icon" src="images/icons/PLT.png">Pro Lacrosse Talk<img class="icon" src="images/downarrow.png"></button>
<div id="PLT" class="dropdown-content">
<!-- style="display:none" eliminates needing to click twice to first open the drop down menu -->
<div id="PLT" style="display:none" class="dropdown-content">
<!-- Put here spotify links and links to an article or two!
Also change the PLT font color in the drop down field -->
<a class="button button-spotify" href="https://open.spotify.com/show/1wvPf4MiVvv6HY7tIGcdYJ?si=c3a123beab884c64" target="_blank" rel="noopener">
@ -173,6 +175,7 @@
</div>
</div>
<!-- javascript added for drop down menus -->
<script type="text/javascript" src="css/dropdown.js">
</script>