natto1784/nattopages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

dailies: add a max-width of 100% to media

Browse Source 
Signed-off-by: Amneesh Singh <natto@weirdnatto.in>
This commit is contained in:
Amneesh Singh
2022-11-02 17:35:56 +05:30
parent af4287a66a
commit 0b845d6f71
5 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
css/default.css
View File

@@ -213,6 +213,25 @@ pre {
max-width: 40%; max-width: 40%;
} }
img, video {
max-width: 100%;
}
.iframe-parent {
max-width: 100%;
position: relative;
height: 0;
padding-bottom: 56.25%
}
.iframe-parent iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 319px) { @media (max-width: 319px) {
body { body {
width: 90%; width: 90%;

4
dailies/1.org
View File

@@ -20,7 +20,9 @@ Doing chores sucks but errands suck more. Also self hosting shit sucks, but I do
* Song of the Day * Song of the Day
Been loving this one since my early adolescence. Been loving this one since my early adolescence.
#+begin_export html #+begin_export html
<iframe src="https://youtube.com/embed/mGnJm0qIpFw" width=800px height=450px /> <div class="iframe-parent">
<iframe src="https://youtube.com/embed/mGnJm0qIpFw" />
</div>
#+end_export #+end_export
* Thought of the Day * Thought of the Day

8
dailies/2.org
View File

@@ -13,13 +13,17 @@ I have really shitty internet bandwidth and I have a lot of work pending (that d
* Video of the Day * Video of the Day
#+begin_export html #+begin_export html
MEGU MEGU FIRE ENDLESS NIGHT SOSHITE MOTTO MOTTO ATSUKU NARE FEVER MEGU MEGU FIRE ENDLESS NIGHT SOSHITE MOTTO MOTTO ATSUKU NARE FEVER
<iframe src="https://youtube.com/embed/N6FfOevhA10 " width=800px height=450px /> <div class="iframe-parent">
<iframe src="https://youtube.com/embed/N6FfOevhA10" />
</div>
#+end_export #+end_export
* Song of the Day * Song of the Day
Sofia Vempo's version/cover of Misirlou Sofia Vempo's version/cover of Misirlou
#+begin_export html #+begin_export html
<iframe src="https://youtube.com/embed/8myXQRe-WcY" width=800px height=450px /> <div class="iframe-parent">
<iframe src="https://youtube.com/embed/8myXQRe-WcY" />
</div>
#+end_export #+end_export
* Thought of the Day * Thought of the Day

4
dailies/3.org
View File

@@ -19,7 +19,9 @@ College sucks, it makes me eepy.
* Song of the Day * Song of the Day
#+begin_export html #+begin_export html
<iframe src="https://youtube.com/embed/N-cU-M_tX68" width=800px height=450px /> <div class="iframe-parent">
<iframe src="https://youtube.com/embed/N-cU-M_tX68" />
</div>
#+end_export #+end_export
* Thought of the Day * Thought of the Day

6
dailies/4.org
View File

@@ -8,7 +8,7 @@ I really am a midwit.
* Image of the Day * Image of the Day
Red and black, I dress eagle on my chest Red and black, I dress eagle on my chest
#+ATTR_HTML: :alt Red and black, I dress eagle on my chest :width 600px #+ATTR_HTML: :alt Red and black, I dress eagle on my chest
[[https://f.weirdnatto.in/EXrJ-albaniagdp.jpg]] [[https://f.weirdnatto.in/EXrJ-albaniagdp.jpg]]
* Video of the Day * Video of the Day
@@ -21,7 +21,9 @@ Welcome!
* Song of the Day * Song of the Day
#+begin_export html #+begin_export html
<iframe src="https://youtube.com/embed/Nfql0PyA8D0" width=800px height=450px /> <div class="iframe-parent">
<iframe src="https://youtube.com/embed/Nfql0PyA8D0" />
</div>
#+end_export #+end_export
* Thought of the Day * Thought of the Day