commit d569e2e21a1115d104ec1e7d7feffec54242e20a Author: Tanishq Dubey Date: Wed Oct 16 13:15:17 2024 -0400 Initial Commit diff --git a/images/1.JPG b/images/1.JPG new file mode 100644 index 0000000..009f1b9 Binary files /dev/null and b/images/1.JPG differ diff --git a/images/2.JPG b/images/2.JPG new file mode 100644 index 0000000..3851564 Binary files /dev/null and b/images/2.JPG differ diff --git a/images/3.JPG b/images/3.JPG new file mode 100644 index 0000000..cf0af38 Binary files /dev/null and b/images/3.JPG differ diff --git a/images/4.JPG b/images/4.JPG new file mode 100644 index 0000000..f0e96fc Binary files /dev/null and b/images/4.JPG differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..4a5cb01 --- /dev/null +++ b/index.html @@ -0,0 +1,69 @@ + + + + + Tanishq Dubey Photography + + + + + + + + + +
+
+
+
+ A Picture +
+
+

2024-10-07

+

f/1.4 | 24MM | 1/100S | ISO100

+
+
+
+ +
+
+
+ A Picture +
+
+

2024-10-07

+

f/1.4 | 24MM | 1/100S | ISO100

+
+
+
+ +
+
+
+ A Picture +
+
+

2024-10-07

+

f/1.4 | 24MM | 1/100S | ISO100

+
+
+
+ +
+
+
+ A Picture +
+
+

2024-10-07

+

f/1.4 | 24MM | 1/100S | ISO100

+
+
+
+
+ + + + diff --git a/scripts/script.js b/scripts/script.js new file mode 100644 index 0000000..e69de29 diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..4a3c35d --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,78 @@ +html { + margin: 0; + height: 100vh; +} + +body { + min-height: 100vh; + margin: 0; +} + +.photocollage { + display: flex; + + justify-content: flex-start; + align-items: flex-start; + /* flex-flow: row wrap; */ + flex-direction: row; + flex-wrap: wrap; + align-content: flex-start; + + height: 100%; + padding: 15px; + gap: 5px; +} + +.noto-sans-mono-font { + font-family: "Noto Sans Mono", monospace; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; + font-variation-settings: + "wdth" 100; +} + +.photo { + background-color: #eeeeee; + filter: drop-shadow(0px 3px 3px #888888); + display: inline-block; + padding: 1vh; + margin: 1vh; +} + +.photocontent { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: flex-start; + align-items: normal; + align-content: normal; +} + +.photoimage { + display: block; + flex-grow: 1; + flex-shrink: 1; + flex-basis: auto; + align-self: center; + order: 0; +} + +.photoimagesrc { + max-width:40vw; + max-height:40vw; + width: auto; + height: auto; +} + +.photodetails { + display: block; + flex-grow: 0; + flex-shrink: 1; + flex-basis: auto; + align-self: flex-end; + order: 0; + text-align: right; + line-height: 70%; + font-size: 0.75rem; +}