diff --git a/about.html b/about.html new file mode 100644 index 0000000..dd88a19 --- /dev/null +++ b/about.html @@ -0,0 +1,29 @@ + + + + + + Projects - Arthur Lu + + + + + + +
+

ARTHUR LU

+ +
+
+

+ +
+ + + \ No newline at end of file diff --git a/css/overlay.css b/css/overlay.css index e88e924..7b12875 100644 --- a/css/overlay.css +++ b/css/overlay.css @@ -1,8 +1,7 @@ .overlay-container { position: relative; - max-width: 1080px; - margin-left: auto; - margin-right: auto; + text-align: center; + width: 100%; } .overlay-container .image { diff --git a/css/style.css b/css/style.css index ffae2a3..ad6366e 100644 --- a/css/style.css +++ b/css/style.css @@ -7,9 +7,15 @@ h1, h2, h3, h4, h5, h6, p, a, label, button, input, select, td { } body { - margin-left: 16px; - margin-right: 16px; - width: calc(100% - 16px - 16px); + min-height: 100vh; + max-width: 100vw; + display: grid; + grid-template-rows: auto 1fr auto; +} + +main { + padding-left: 32px; + padding-right: 32px; } header { @@ -34,6 +40,6 @@ nav a { font-size: larger; } -main { - text-align: center; +nav a[aria-current="page"] { + text-decoration: underline; } \ No newline at end of file diff --git a/index.html b/index.html index 35e0f45..b3f19a7 100644 --- a/index.html +++ b/index.html @@ -7,19 +7,37 @@ - + +

ARTHUR LU

-
- +
+ +
+ +

ProxmoxAAS

+

User self-managed VPS platform based on Proxmox hypervisor.

+ +
+
+
+

Pico BMC

@@ -27,6 +45,15 @@
+
+ +
+ +

WFA-JS

+

Implement Wavefront Alignment algorithm in JavaScript.

+ +
+
diff --git a/notes.html b/notes.html index 5c94998..f474611 100644 --- a/notes.html +++ b/notes.html @@ -5,54 +5,70 @@ Class Notes - Arthur Lu - + + + +
+

ARTHUR LU

+ +

Class Notes

CSE

ECE

MATH

PHYS

- + diff --git a/photography.html b/photography.html new file mode 100644 index 0000000..46075bb --- /dev/null +++ b/photography.html @@ -0,0 +1,64 @@ + + + + + + Photography - Arthur Lu + + + + + + + +
+

ARTHUR LU

+ +
+
+
+
+ +
+ +

Nature

+

Classical nature photography.

+ +
+
+
+ +
+ +

Nature 2

+

If nature is so good, why isn't there nature 2?

+ +
+
+
+
+ + + \ No newline at end of file diff --git a/photography/css b/photography/css new file mode 120000 index 0000000..75e99a5 --- /dev/null +++ b/photography/css @@ -0,0 +1 @@ +../css/ \ No newline at end of file diff --git a/photography/nature.html b/photography/nature.html new file mode 100644 index 0000000..f2beb15 --- /dev/null +++ b/photography/nature.html @@ -0,0 +1,51 @@ + + + + + + Photography - Arthur Lu + + + + + + + + +
+

ARTHUR LU

+ +
+
+ +
+ + + \ No newline at end of file diff --git a/photography/nature2.html b/photography/nature2.html new file mode 100644 index 0000000..f4b22f3 --- /dev/null +++ b/photography/nature2.html @@ -0,0 +1,51 @@ + + + + + + Photography - Arthur Lu + + + + + + + + +
+

ARTHUR LU

+ +
+
+ +
+ + + \ No newline at end of file diff --git a/photography/resources b/photography/resources new file mode 120000 index 0000000..5548311 --- /dev/null +++ b/photography/resources @@ -0,0 +1 @@ +../resources/ \ No newline at end of file diff --git a/photography/scripts b/photography/scripts new file mode 120000 index 0000000..adb0a1d --- /dev/null +++ b/photography/scripts @@ -0,0 +1 @@ +../scripts/ \ No newline at end of file diff --git a/projects/pico_bmc.jpg b/projects/pico_bmc.jpg deleted file mode 100644 index f14f2c7..0000000 Binary files a/projects/pico_bmc.jpg and /dev/null differ diff --git a/resources/icon/email.svg b/resources/icon/email.svg new file mode 100644 index 0000000..ab5daba --- /dev/null +++ b/resources/icon/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resources/icon/favicon.svg b/resources/icon/favicon.svg new file mode 100644 index 0000000..6df3636 --- /dev/null +++ b/resources/icon/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resources/icon/github.svg b/resources/icon/github.svg new file mode 100644 index 0000000..a36141f --- /dev/null +++ b/resources/icon/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resources/notes/CSE 100.pdf b/resources/notes/CSE 100.pdf new file mode 100644 index 0000000..7fb6272 Binary files /dev/null and b/resources/notes/CSE 100.pdf differ diff --git a/resources/notes/CSE 101.pdf b/resources/notes/CSE 101.pdf new file mode 100644 index 0000000..301a8a3 Binary files /dev/null and b/resources/notes/CSE 101.pdf differ diff --git a/resources/notes/CSE 110.pdf b/resources/notes/CSE 110.pdf new file mode 100644 index 0000000..cbb8b67 Binary files /dev/null and b/resources/notes/CSE 110.pdf differ diff --git a/resources/notes/CSE 120.pdf b/resources/notes/CSE 120.pdf new file mode 100644 index 0000000..9ae8691 Binary files /dev/null and b/resources/notes/CSE 120.pdf differ diff --git a/resources/notes/CSE 127.pdf b/resources/notes/CSE 127.pdf new file mode 100644 index 0000000..d16347c Binary files /dev/null and b/resources/notes/CSE 127.pdf differ diff --git a/resources/notes/CSE 134B.pdf b/resources/notes/CSE 134B.pdf new file mode 100644 index 0000000..876f8ef Binary files /dev/null and b/resources/notes/CSE 134B.pdf differ diff --git a/resources/notes/CSE 140.pdf b/resources/notes/CSE 140.pdf new file mode 100644 index 0000000..c3a4eda Binary files /dev/null and b/resources/notes/CSE 140.pdf differ diff --git a/resources/notes/CSE 141.pdf b/resources/notes/CSE 141.pdf new file mode 100644 index 0000000..be42082 Binary files /dev/null and b/resources/notes/CSE 141.pdf differ diff --git a/resources/notes/CSE 151A.pdf b/resources/notes/CSE 151A.pdf new file mode 100644 index 0000000..9519337 Binary files /dev/null and b/resources/notes/CSE 151A.pdf differ diff --git a/resources/notes/CSE 151B.pdf b/resources/notes/CSE 151B.pdf new file mode 100644 index 0000000..2e7fdec Binary files /dev/null and b/resources/notes/CSE 151B.pdf differ diff --git a/resources/notes/CSE 152A.pdf b/resources/notes/CSE 152A.pdf new file mode 100644 index 0000000..1396fbf Binary files /dev/null and b/resources/notes/CSE 152A.pdf differ diff --git a/resources/notes/CSE 158.pdf b/resources/notes/CSE 158.pdf new file mode 100644 index 0000000..df30800 Binary files /dev/null and b/resources/notes/CSE 158.pdf differ diff --git a/resources/notes/CSE 167.pdf b/resources/notes/CSE 167.pdf new file mode 100644 index 0000000..09684ae Binary files /dev/null and b/resources/notes/CSE 167.pdf differ diff --git a/resources/notes/CSE 20.pdf b/resources/notes/CSE 20.pdf new file mode 100644 index 0000000..5ca541d Binary files /dev/null and b/resources/notes/CSE 20.pdf differ diff --git a/resources/notes/CSE 21.pdf b/resources/notes/CSE 21.pdf new file mode 100644 index 0000000..d4b40cd Binary files /dev/null and b/resources/notes/CSE 21.pdf differ diff --git a/resources/notes/ECE 101.pdf b/resources/notes/ECE 101.pdf new file mode 100644 index 0000000..b2785d1 Binary files /dev/null and b/resources/notes/ECE 101.pdf differ diff --git a/resources/notes/ECE 109.pdf b/resources/notes/ECE 109.pdf new file mode 100644 index 0000000..ffbd363 Binary files /dev/null and b/resources/notes/ECE 109.pdf differ diff --git a/resources/notes/ECE 111.pdf b/resources/notes/ECE 111.pdf new file mode 100644 index 0000000..f6d98dd Binary files /dev/null and b/resources/notes/ECE 111.pdf differ diff --git a/resources/notes/ECE 35.pdf b/resources/notes/ECE 35.pdf new file mode 100644 index 0000000..0e5c549 Binary files /dev/null and b/resources/notes/ECE 35.pdf differ diff --git a/resources/notes/ECE 45.pdf b/resources/notes/ECE 45.pdf new file mode 100644 index 0000000..188c4d1 Binary files /dev/null and b/resources/notes/ECE 45.pdf differ diff --git a/resources/notes/ECE 65.pdf b/resources/notes/ECE 65.pdf new file mode 100644 index 0000000..b5e5d2f Binary files /dev/null and b/resources/notes/ECE 65.pdf differ diff --git a/resources/notes/MATH 18.pdf b/resources/notes/MATH 18.pdf new file mode 100644 index 0000000..89e799f Binary files /dev/null and b/resources/notes/MATH 18.pdf differ diff --git a/resources/notes/MATH 20C.pdf b/resources/notes/MATH 20C.pdf new file mode 100644 index 0000000..2a845a6 Binary files /dev/null and b/resources/notes/MATH 20C.pdf differ diff --git a/resources/notes/MATH 20D.pdf b/resources/notes/MATH 20D.pdf new file mode 100644 index 0000000..2790478 Binary files /dev/null and b/resources/notes/MATH 20D.pdf differ diff --git a/resources/notes/MatLab.pdf b/resources/notes/MatLab.pdf new file mode 100644 index 0000000..9c0623b Binary files /dev/null and b/resources/notes/MatLab.pdf differ diff --git a/resources/notes/PHYS 2C.pdf b/resources/notes/PHYS 2C.pdf new file mode 100644 index 0000000..e08dec0 Binary files /dev/null and b/resources/notes/PHYS 2C.pdf differ diff --git a/resources/photography/nature/1.jpg b/resources/photography/nature/1.jpg new file mode 100644 index 0000000..35559c4 Binary files /dev/null and b/resources/photography/nature/1.jpg differ diff --git a/resources/photography/nature/2.jpg b/resources/photography/nature/2.jpg new file mode 100644 index 0000000..5355cef Binary files /dev/null and b/resources/photography/nature/2.jpg differ diff --git a/resources/photography/nature/3.jpg b/resources/photography/nature/3.jpg new file mode 100644 index 0000000..540dad4 Binary files /dev/null and b/resources/photography/nature/3.jpg differ diff --git a/resources/photography/nature/4.jpg b/resources/photography/nature/4.jpg new file mode 100644 index 0000000..76e08ed Binary files /dev/null and b/resources/photography/nature/4.jpg differ diff --git a/resources/photography/nature/5.jpg b/resources/photography/nature/5.jpg new file mode 100644 index 0000000..a470efd Binary files /dev/null and b/resources/photography/nature/5.jpg differ diff --git a/resources/photography/nature/6.jpg b/resources/photography/nature/6.jpg new file mode 100644 index 0000000..e471ef1 Binary files /dev/null and b/resources/photography/nature/6.jpg differ diff --git a/resources/photography/nature2/1.jpg b/resources/photography/nature2/1.jpg new file mode 100644 index 0000000..86b0aa3 Binary files /dev/null and b/resources/photography/nature2/1.jpg differ diff --git a/resources/photography/nature2/2.jpg b/resources/photography/nature2/2.jpg new file mode 100644 index 0000000..42ffd57 Binary files /dev/null and b/resources/photography/nature2/2.jpg differ diff --git a/resources/photography/nature2/3.jpg b/resources/photography/nature2/3.jpg new file mode 100644 index 0000000..52d6d75 Binary files /dev/null and b/resources/photography/nature2/3.jpg differ diff --git a/resources/photography/nature2/4.jpg b/resources/photography/nature2/4.jpg new file mode 100644 index 0000000..3fc26cf Binary files /dev/null and b/resources/photography/nature2/4.jpg differ diff --git a/resources/photography/nature2/5.jpg b/resources/photography/nature2/5.jpg new file mode 100644 index 0000000..12eedfd Binary files /dev/null and b/resources/photography/nature2/5.jpg differ diff --git a/resources/photography/nature2/6.jpg b/resources/photography/nature2/6.jpg new file mode 100644 index 0000000..9369567 Binary files /dev/null and b/resources/photography/nature2/6.jpg differ diff --git a/resources/projects/pico_bmc.jpg b/resources/projects/pico_bmc.jpg new file mode 100644 index 0000000..d5d98e7 Binary files /dev/null and b/resources/projects/pico_bmc.jpg differ diff --git a/resources/projects/proxmoxaas.jpg b/resources/projects/proxmoxaas.jpg new file mode 100644 index 0000000..61553f9 Binary files /dev/null and b/resources/projects/proxmoxaas.jpg differ diff --git a/resources/projects/wfajs.jpg b/resources/projects/wfajs.jpg new file mode 100644 index 0000000..12da849 Binary files /dev/null and b/resources/projects/wfajs.jpg differ diff --git a/scripts/ModalImage.js b/scripts/ModalImage.js new file mode 100644 index 0000000..f1fb236 --- /dev/null +++ b/scripts/ModalImage.js @@ -0,0 +1,70 @@ +class ModalImage extends HTMLElement { + #src = null + #alt = null + #imgElem = null + constructor () { + super(); + this.attachShadow({ mode: "open" }); + this.shadowRoot.innerHTML = ` + + + `; + this.#imgElem = this.shadowRoot.querySelector("img"); + this.#imgElem.onclick = this.modalZoom.bind(this); + } + + connectedCallback() { + const src = this.getAttribute("src"); + const alt = this.getAttribute("alt"); + this.#src = src; + this.#alt = alt; + this.#imgElem.src = src; + this.#imgElem.alt = alt; + } + + modalZoom () { + const modalBox = document.createElement("dialog"); + modalBox.innerHTML = ` +
+ + ${this.#alt} +
${this.#alt}
+
+ `; + this.shadowRoot.appendChild(modalBox); + modalBox.showModal(); + modalBox.querySelector("#close").onclick = (e) => { + e.preventDefault(); + modalBox.close(); + modalBox.parentElement.removeChild(modalBox) + } + } +} + +customElements.define("modal-image", ModalImage);