commit 2c20f58eac2c1bfc875730fe628670db807db96b Author: Damian Johnson atagar@torproject.org Date: Fri Jul 28 10:58:36 2017 -0700
Show full shadowgirl picture
Expanding our answer's min-height so the image is shown. Clearly a hack but it works. --- web/index.html | 3 +-- web/styles.css | 17 +++++++++++------ 2 files changed, 12 insertions(+), 8 deletions(-)
diff --git a/web/index.html b/web/index.html index 2116b00..bae6170 100644 --- a/web/index.html +++ b/web/index.html @@ -106,8 +106,7 @@ <span>Why is it called Nyx?</span> <div class="answer"> <a href="http://fallenlights.net/"><img src="images/faq/shadowgirl.jpg" alt="greek goddess" title="Nyx by Shadowgirl, used with permission." /></a> - <p>Simple - because it's short and memorable. Terminal applications are handiest when they're easy to remember and type, such as top, ssh, etc. Anything longer is just begging to be aliased down.</p> - <p>That, and because Nyx is the <a href="https://en.wikipedia.org/wiki/Nyx">Greek goddess of night</a>.</p> + <p style="min-height: 340px">Simple - because the <a href="https://en.wikipedia.org/wiki/Nyx">Greek goddess of night</a> is short and memorable. Terminal applications are handiest when they're brief and easy to type. Top, ssh, scp - anything longer is just begging to be aliased down.</p> </div> </div> </div> diff --git a/web/styles.css b/web/styles.css index 98a76c1..ba7ddd5 100644 --- a/web/styles.css +++ b/web/styles.css @@ -167,18 +167,23 @@ FAQ Page font-weight: bold; }
-.question img { - float: right; - margin-top: 20px; - margin-left: 20px; -} - .answer { height: 0px; overflow: hidden; padding: 0px; }
+.answer img { + float: right; + margin-top: 0px; + margin-left: 20px; +} + +.answer p { + margin-bottom: 10px; + margin-top: 5px; +} + /*============================================================ Download Page ============================================================*/