From ecf5ab65d09ed4c91cdae27efa33125490eb63af Mon Sep 17 00:00:00 2001 From: edpibu Date: Sun, 11 Apr 2021 18:20:50 +0200 Subject: [PATCH] Photos template --- css/index.css | 1 + css/main.css | 2 ++ css/photos.css | 37 ++++++++++++++++++++++++ photos/index.html | 73 +++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 113 insertions(+) create mode 100644 css/photos.css create mode 100644 photos/index.html diff --git a/css/index.css b/css/index.css index 1f66775..7c3c618 100644 --- a/css/index.css +++ b/css/index.css @@ -2,6 +2,7 @@ body { background: url('/images/pic1.webp'); background-position: center; background-size: cover; + padding: 0; } .title { diff --git a/css/main.css b/css/main.css index 46c7a52..16d1706 100644 --- a/css/main.css +++ b/css/main.css @@ -14,10 +14,12 @@ html { } body { margin: 0; + padding: 2rem; } h1, h2 { font-family: 'IBM Plex Serif', serif; + font-size: 3rem; } h2 { diff --git a/css/photos.css b/css/photos.css new file mode 100644 index 0000000..b217478 --- /dev/null +++ b/css/photos.css @@ -0,0 +1,37 @@ +.album { + width: 320px; + height: 180px; + border: 1px solid darkgray; + border-radius: 5px; + overflow: hidden; + display: inline grid; + grid-template-rows: 2fr 1fr; + transition: transform 250ms; + margin: 1em; +} + +.album .pic { + overflow: hidden; + width: 100%; + height: 100%; +} +.album .pic img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.album h3 { + font-size: 1em; + font-weight: normal; + padding: 0 1em; + margin: 0; + align-self: center; +} + +.album:hover { + transform: scale(1.05); +} +.album:active { + transform: scale(1.02); +} \ No newline at end of file diff --git a/photos/index.html b/photos/index.html new file mode 100644 index 0000000..ac73d4e --- /dev/null +++ b/photos/index.html @@ -0,0 +1,73 @@ + + + + + + + + Resume - Edgar P. Burkhart + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Photos

+ + +
+ +
+

Sardaigne MMXX

+ + +
+ +
+

Sardaigne MMXX

+ + +
+ +
+

Sardaigne MMXX

+ + +
+ +
+

Sardaigne MMXX

+ + +
+ +
+

Sardaigne MMXX

+ + +