From 2d7820295c6cdec1b631ad18ff69598d768a9ce7 Mon Sep 17 00:00:00 2001 From: Bit Borealis Date: Wed, 17 Aug 2022 22:36:38 +0000 Subject: [PATCH] added web template --- src/blur1.png | 3 ++ src/comfortaa/comfortaa-bold.woff2 | 3 ++ src/comfortaa/comfortaa-light.woff2 | 3 ++ src/comfortaa/comfortaa-medium.woff2 | 3 ++ src/comfortaa/comfortaa-regular.woff2 | 3 ++ src/comfortaa/comfortaa-semibold.woff2 | 3 ++ src/comfortaa/comfortaa.css | 36 ++++++++++++++++++++ src/gallery.css | 46 ++++++++++++++++++++++++++ src/index.html | 37 +++++++++++++++++++++ 9 files changed, 137 insertions(+) create mode 100644 src/blur1.png create mode 100644 src/comfortaa/comfortaa-bold.woff2 create mode 100644 src/comfortaa/comfortaa-light.woff2 create mode 100644 src/comfortaa/comfortaa-medium.woff2 create mode 100644 src/comfortaa/comfortaa-regular.woff2 create mode 100644 src/comfortaa/comfortaa-semibold.woff2 create mode 100644 src/comfortaa/comfortaa.css create mode 100644 src/gallery.css create mode 100644 src/index.html diff --git a/src/blur1.png b/src/blur1.png new file mode 100644 index 0000000..952ac45 --- /dev/null +++ b/src/blur1.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:31cf1644e1227f358c4322c37faef222e226a5f561912501593bfefc3ed32f92 +size 1359 diff --git a/src/comfortaa/comfortaa-bold.woff2 b/src/comfortaa/comfortaa-bold.woff2 new file mode 100644 index 0000000..fd6d623 --- /dev/null +++ b/src/comfortaa/comfortaa-bold.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9f8d236afb0f778f74d7e280c5bf1a4b06431f82fc57cc6d00f57b76454ac2e2 +size 49564 diff --git a/src/comfortaa/comfortaa-light.woff2 b/src/comfortaa/comfortaa-light.woff2 new file mode 100644 index 0000000..1870af5 --- /dev/null +++ b/src/comfortaa/comfortaa-light.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fca87c810fe4684b0ce2f96b2eefcd7c83a6ad8457f59882c41a17b03984c71e +size 48908 diff --git a/src/comfortaa/comfortaa-medium.woff2 b/src/comfortaa/comfortaa-medium.woff2 new file mode 100644 index 0000000..4204ea7 --- /dev/null +++ b/src/comfortaa/comfortaa-medium.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:70cd73cd7c4f53126d0fcad4dd0fba1dc962f0427037b1a15745cc49c2c49c29 +size 50672 diff --git a/src/comfortaa/comfortaa-regular.woff2 b/src/comfortaa/comfortaa-regular.woff2 new file mode 100644 index 0000000..3b4d1b8 --- /dev/null +++ b/src/comfortaa/comfortaa-regular.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5b68a76b0249062e8b2bce672f271ba74187e3f0fe1563cad855b4fd648d89b9 +size 50248 diff --git a/src/comfortaa/comfortaa-semibold.woff2 b/src/comfortaa/comfortaa-semibold.woff2 new file mode 100644 index 0000000..a3f5907 --- /dev/null +++ b/src/comfortaa/comfortaa-semibold.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b42b5b8ac0661110bafe4cf2a6ecf19ffc17aa37d4a66681441196ba99829bdc +size 50452 diff --git a/src/comfortaa/comfortaa.css b/src/comfortaa/comfortaa.css new file mode 100644 index 0000000..60c5b92 --- /dev/null +++ b/src/comfortaa/comfortaa.css @@ -0,0 +1,36 @@ +/* comfortaa-regular */ +@font-face { + font-family: Comfortaa; + font-style: normal; + font-weight: 400; + src: local("Comfortaa Regular"), local("Comfortaa-Regular"), url(comfortaa-regular.woff2) format("woff2"); +} +/* comfortaa-bold */ +@font-face { + font-family: Comfortaa; + font-style: normal; + font-weight: 700; + src: local("Comfortaa Bold"), local("Comfortaa-Bold"), url(comfortaa-bold.woff2) format("woff2"); +} +/* comfortaa-semibold */ +@font-face { + font-family: Comfortaa; + font-style: normal; + font-weight: 400; + src: local("Comfortaa SemiBold"), local("Comfortaa-SemiBold"), url(comfortaa-semibold.woff2) format("woff2"); +} +/* comfortaa-medium */ +@font-face { + font-family: Comfortaa; + font-style: normal; + font-weight: 500; + src: local("Comfortaa Medium"), local("Comfortaa-Medium"), url(comfortaa-medium.woff2) format("woff2"); +} +/* comfortaa-light */ +@font-face { + font-family: Comfortaa; + font-style: normal; + font-weight: 300; + src: local("Comfortaa Light"), local("Comfortaa-Light"), url(comfortaa-light.woff2) format("woff2"); +} + diff --git a/src/gallery.css b/src/gallery.css new file mode 100644 index 0000000..0f072b1 --- /dev/null +++ b/src/gallery.css @@ -0,0 +1,46 @@ +@import url("comfortaa/comfortaa.css"); + +body { + padding: 20px 10%; + margin: 0; + font-family: Comfortaa, sans-serif; +} + +h1 { + margin: 0; + font-size: 60px; +} + +p { + margin:0; +} + +img { + max-width: 400px; + min-width: 300px; + flex-grow: 1; + border-radius: 40px; +} + +header { + align-items: center; + padding: 20px; + display: grid; + grid-template-columns: 0fr 1fr; + gap: 40px; + margin-bottom: 20px; +} + +main { + gap: 40px; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.description { + margin-top: 5px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..3ef4dc3 --- /dev/null +++ b/src/index.html @@ -0,0 +1,37 @@ + + + + + + Aviary + + + +
+

Gallery

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut + labore et dolore disputandum putant. Sed ut omittam pericula, labores, dolorem etiam, quem + optimus quisque pro patria et pro suis suscipit, ut non dicas, quid non probes. Principio, + inquam, in physicis, quibus maxime gloriatur, primum totus est alienus. Democritea dicit + perpauca mutans, sed ita, ut ea, quae dixi, sole ipso illustriora et clariora. + Bonas verbis electis graviter ornateque dictas quis non legat? nisi qui se Latina scripta dicunt + contemnere. in quibus sequitur Democritum, non fere labitur. quamquam utriusque cum multa non probo, + inquam. De cetero vellem equidem aut ipse doctrinis. +

+
+
+ + + + + + + + + + + + +
+