From 30e18d97412701501e9c1b35d1e1ffb4b460b04b Mon Sep 17 00:00:00 2001 From: bhyun-kim Date: Wed, 5 Jun 2024 15:58:54 -0500 Subject: [PATCH 01/10] Create Text Link Component in Footer --- index.html | 91 ++++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 72 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index eb5b852..5da9995 100644 --- a/index.html +++ b/index.html @@ -1,21 +1,74 @@ - - - - - Dale Study Group Website - - - - - - - - - - - + + + + Dale Study Group Website + + + + + + + + + + + + + \ No newline at end of file From bb53dce6081849c7866237b805e3481ce5622f56 Mon Sep 17 00:00:00 2001 From: bhyun-kim Date: Wed, 5 Jun 2024 16:04:57 -0500 Subject: [PATCH 02/10] Fix wrong commit. --- index.html | 140 ++++++++++++++++++++++++++--------------------------- 1 file changed, 70 insertions(+), 70 deletions(-) diff --git a/index.html b/index.html index 5da9995..f9f6021 100644 --- a/index.html +++ b/index.html @@ -1,74 +1,74 @@ - - - - Dale Study Group Website - - - - - - - - - - -
-
- -
- - - - - - - - -
+ + + + Dale Study Group Website + + + + + + + + + + + - +
+
+

+ © 2024 Dale Study. All rights reserved. +

+
+
+ \ No newline at end of file From ece1fe9a398c0e8ad788d145a186256fc2b46952 Mon Sep 17 00:00:00 2001 From: bhyun-kim Date: Wed, 5 Jun 2024 16:08:35 -0500 Subject: [PATCH 03/10] apply prettier --- index.html | 140 ++++++++++++++++++++++++++++++++++++++--------------- 1 file changed, 102 insertions(+), 38 deletions(-) diff --git a/index.html b/index.html index f9f6021..be8c4d2 100644 --- a/index.html +++ b/index.html @@ -16,59 +16,123 @@ + - \ No newline at end of file + From 0f076b384f715190d25dbd7ca901cce74fa0daeb Mon Sep 17 00:00:00 2001 From: bhyun-kim <94029750+bhyun-kim@users.noreply.github.com> Date: Wed, 5 Jun 2024 16:46:05 -0500 Subject: [PATCH 04/10] Remove unnecessary links --- index.html | 4 ---- 1 file changed, 4 deletions(-) diff --git a/index.html b/index.html index be8c4d2..c1db65c 100644 --- a/index.html +++ b/index.html @@ -53,10 +53,6 @@ " >
From e2f97378e1cded7f49a4fd85484ef5d02309ca20 Mon Sep 17 00:00:00 2001 From: bhyun-kim Date: Thu, 6 Jun 2024 14:51:06 -0500 Subject: [PATCH 05/10] Add foot-link-component --- components/footer-link/footer-link.css | 15 +++++++++++ components/footer-link/footer-link.js | 29 ++++++++++++++++++++ index.html | 37 ++------------------------ styles.css | 12 +++++++++ 4 files changed, 58 insertions(+), 35 deletions(-) create mode 100644 components/footer-link/footer-link.css create mode 100644 components/footer-link/footer-link.js diff --git a/components/footer-link/footer-link.css b/components/footer-link/footer-link.css new file mode 100644 index 0000000..a066952 --- /dev/null +++ b/components/footer-link/footer-link.css @@ -0,0 +1,15 @@ +.footer-link { + list-style-type: none; + padding: 0; +} +.footer-link li { + display: inline; + margin: 0 10px; +} +.footer-link a { + text-decoration: none; + color: #007bff; +} +.footer-link a:hover { + text-decoration: underline; +} diff --git a/components/footer-link/footer-link.js b/components/footer-link/footer-link.js new file mode 100644 index 0000000..0afc506 --- /dev/null +++ b/components/footer-link/footer-link.js @@ -0,0 +1,29 @@ +const template = document.createElement("template"); +template.innerHTML = ` + + +`; + +class FooterLinkComponent extends HTMLElement { + constructor() { + super(); + const shadow = this.attachShadow({ mode: "open" }); + shadow.appendChild(template.content.cloneNode(true)); + } + + static get observedAttributes() { + return ["href"]; + } + + attributeChangedCallback(name, oldValue, newValue) { + if (name === "href") { + this.shadowRoot.getElementById("link").setAttribute("href", newValue); + } + } +} + +window.customElements.define("footer-link-component", FooterLinkComponent); diff --git a/index.html b/index.html index be8c4d2..de16e98 100644 --- a/index.html +++ b/index.html @@ -14,34 +14,7 @@ rel="stylesheet" /> - +