iona_portfolio

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

commit 98ad35c58358b01500c1593520c06a8e7b715c02
parent 420b2bd99aa5a61511124046da802eca1484ddbf
Author: Jo Young <>
Date:   Sun, 15 Feb 2026 23:17:17 +0000

Fixed self-redirecting loop

Diffstat:
Mindex.html | 3++-
Mscript.js | 14+++++++++-----
Mstylesheet.css | 2+-
3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html @@ -1,10 +1,11 @@ <!DOCTYPE html> <html> <head> + <link rel=icon href=favicon.ico> <link rel=stylesheet href="stylesheet.css"> <meta name=viewport content="width=device-width, initial-scale=1.0"> <title> - Iona Davis-Noble Portfolio + Iona's Portfolio </title> </head> <body> diff --git a/script.js b/script.js @@ -22,14 +22,17 @@ function artReturn(evt) { } } -function openTab(evt, target) { - var tabcontent,tablinks; - +function setDefaultParam(target) { var url = location.pathname; var params=new URLSearchParams(window.location.search); params.delete('default'); params.append('default', target) window.history.pushState('N', 'N', url+'?'+params) +} +function openTab(evt, target, useHistory=true) { + var tabcontent,tablinks; + + if (useHistory == true) { setDefaultParam(target); } tabcontent=document.getElementsByClassName("tabcontent"); for (var i=0;i<tabcontent.length;i++){ @@ -42,14 +45,15 @@ function openTab(evt, target) { } document.getElementById(target).style.display = "grid"; - evt.currentTarget.className+=" nav-item-active"; + if (evt != null) { evt.currentTarget.className+=" nav-item-active"; } } var defaultTab; function loadDefault() { defaultTab=new URLSearchParams(window.location.search).get('default'); if (!(['about','animals','people','sketches'].includes(defaultTab))){defaultTab='about';} - document.getElementById("nav-item-".concat(defaultTab)).click(); + openTab(null, defaultTab, false); + /*document.getElementById("nav-item-".concat(defaultTab)).click();*/ } window.onpopstate = loadDefault; loadDefault(); diff --git a/stylesheet.css b/stylesheet.css @@ -46,7 +46,7 @@ body { } .view-full { width: 100%; object-fit: fill; -} .art-image { +} .art-image, .nav-item { cursor: pointer; } .hidden { display: none;