From 2478b6907e61ba04736367c83183db288b9971f3 Mon Sep 17 00:00:00 2001 From: Redume Date: Sun, 21 Jul 2024 21:07:27 +0300 Subject: [PATCH] I wrote the js code to change the image --- static/css/wallpaper.css | 108 +++++++++++++++++++++++++++++++++++++++ wallapaper.html | 54 ++++++++++++++++++++ 2 files changed, 162 insertions(+) create mode 100644 static/css/wallpaper.css create mode 100644 wallapaper.html diff --git a/static/css/wallpaper.css b/static/css/wallpaper.css new file mode 100644 index 0000000..b5e024f --- /dev/null +++ b/static/css/wallpaper.css @@ -0,0 +1,108 @@ +body { + background: #153E3F; + color: white; + font-family: 'Roboto', serif; +} + +@media (min-width: 0) { + .wallpaper img { + width: 90%; + border-radius: 8px; + margin: 0 auto 0 auto; + display: flex; + } + + .wallpaper h1 { + text-align: center; + } + + .copyright { + font-size: 110%; + width: 90%; + } + + p { + margin-left: auto; + margin-right: auto; + } + + .desc { + font-size: 125%; + line-height: 32px; + width: 90%; + } + + .wallpaper-text { + display: flex; + flex-direction: column-reverse; + } + + .get-it-on { + display: flex; + margin: 5% auto 3% auto; + } + +} + +@media (min-width: 768px) { + .get-it-on { + display: flex; + margin: 5% auto 3% auto; + } + + .desc { + font-size: 150%; + line-height: 39px; + width: 90%; + } + + .copyright { + font-size: 125%; + width: 90%; + } +} + +@media (min-width: 992px) { + .desc { + font-size: 200%; + line-height: 45px; + width: 90%; + } + + .copyright { + font-size: 150%; + width: 90%; + } + + .wallpaper h1 { + text-align: center; + font-size: 250%; + } + +} + +@media (min-width: 1200px) { + .wallpaper img { + width: 40%; + border-radius: 8px; + float: left; + } + + .wallpaper-text { + display: flex; + flex-direction: column; + } + + .desc { + font-size: 150%; + line-height: 36px; + width: 90%; + } + + .copyright { + font-size: 120%; + } + + + +} \ No newline at end of file diff --git a/wallapaper.html b/wallapaper.html new file mode 100644 index 0000000..729abf1 --- /dev/null +++ b/wallapaper.html @@ -0,0 +1,54 @@ + + + + + Starlio + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Jones-Emberson 1 +
+
+

Spiral Aurora over Iceland

+

Image Credit & Copyright: Stefano Pellegrini

+

The scene may look like a fantasy, but it's really Iceland. The rock arch is named Gatklettur and located on the island's northwest coast. Some of the larger rocks in the foreground span a meter across. The fog over the rocks is really moving waves averaged over long exposures. The featured image is a composite of several foreground and background shots taken with the same camera and from the same location on the same night last November. The location was picked for its picturesque foreground, but the timing was planned for its colorful background: aurora. The spiral aurora, far behind the arch, was one of the brightest seen in the astrophotographer's life. The coiled pattern was fleeting, though, as auroral patterns waved and danced for hours during the cold night. Far in the background were the unchanging stars, with Earth's rotation causing them to appear to slowly circle the sky's northernmost point near Polaris.

+
+
+ + Get it on Google Play + + + Get it on Github + +
+
+
+ + + \ No newline at end of file