diff options
| author | 8cy <[email protected]> | 2020-10-12 19:50:30 -0700 |
|---|---|---|
| committer | 8cy <[email protected]> | 2020-10-12 19:50:30 -0700 |
| commit | c87d894d01b789f7953f558ad5cc68080c0f8b29 (patch) | |
| tree | 1f42fa39ea03d1e4ccd92b56b4758b3fe783eee5 /src/styles/work-categories.css | |
| download | me-c87d894d01b789f7953f558ad5cc68080c0f8b29.tar.xz me-c87d894d01b789f7953f558ad5cc68080c0f8b29.zip | |
woops i forgot to commit these files lul
Diffstat (limited to 'src/styles/work-categories.css')
| -rw-r--r-- | src/styles/work-categories.css | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/src/styles/work-categories.css b/src/styles/work-categories.css new file mode 100644 index 0000000..5073016 --- /dev/null +++ b/src/styles/work-categories.css @@ -0,0 +1,99 @@ +.category1 { + background: url(https://i.pinimg.com/originals/1f/3f/fa/1f3ffa4e7f42c15cfec901d301b16e9c.jpg) no-repeat 50% 50%; + background-size: cover; +} + +.category1::after { + content: "videos."; + font-family: "Roboto Mono"; + font-size: 36px; + position: relative; + color: #fff; + display: block; + top: 8%; + left: -60%; + right: 0; + bottom: 0; +} + +.category2 { + background: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%; + background-size: cover; +} + +.category2::after { + content: "graphics."; + font-family: "Roboto Mono"; + font-size: 36px; + position: relative; + color: #fff; + display: block; + top: 80%; + left: 90%; + right: 0; + bottom: 0; +} + +.category3 { + background: url(https://eldfrog.com/wp-content/uploads/2018/12/programming_languages.png) no-repeat 50% 50%; + background-size: cover; +} + +.category3::after { + content: "development."; + font-family: "Roboto Mono"; + font-size: 36px; + position: relative; + color: #fff; + display: block; + top: 80%; + left: 90%; + right: 0; + bottom: 0; +} + +/* +.category3 { + background: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%; + background-size: cover; +} + +.category3::after { + content: "allegiance."; + font-family: "Roboto Mono"; + font-size: 36px; + position: relative; + color: #fff; + display: block; + top: 80%; + left: -50%; + right: 0; + bottom: 0; +} + +.category4 { + background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%; + background-size: cover; +} + +.category4::after { + content: "devils work."; + font-family: "Roboto Mono"; + font-size: 36px; + position: relative; + color: #fff; + display: block; + top: 10%; + left: 90%; + right: 0; + bottom: 0; +} +*/ + +@media (max-width: 768px) { + .category1::after, + .category2::after, + .category3::after { + content: none; + } +}
\ No newline at end of file |