From: Eric Schulte <eric.schulte@gmx.com>
To: Bastien <bzg@altern.org>
Cc: emacs-orgmode@gnu.org
Subject: Re: Refresh of http://orgmode.org
Date: Wed, 14 Dec 2011 21:11:20 -0700 [thread overview]
Message-ID: <87sjkmqxsn.fsf@gmx.com> (raw)
In-Reply-To: <87liqfyou6.fsf@gmx.com> (Eric Schulte's message of "Wed, 14 Dec 2011 11:45:21 -0700")
[-- Attachment #1: Type: text/plain, Size: 1071 bytes --]
>>
>> Mh.. your screen seems quite small. If you can fix the .css to display
>> the website better on your screen, please do, I don't have time at hand
>> now to do it myself.
>>
The attached three patches to the orgweb repository change the CSS for
smarter rendering on narrow screens (they don't address screen height).
The changes include...
- scale down images on narrow screens
- decrease the width of the left link bar on narrow screens
- decrease the padding around the title on narrow screens
- shrink the paypal link on smaller screens -- I would like to move this
button on really small screens, but somehow that doesn't seem possible
- remove the Org-mode image on really small screens
- remove the twitter feed on narrow screens -- for some reason I was
unable to change the size of this widget, so I just hide it on a tiny
screen
These changes make the new website work on my system, and should improve
the reading experience for everyone who keeps their browser screens less
than 1400 pixels wide.
If these look good please apply them.
Thanks,
[-- Warning: decoded text below may be mangled, UTF-8 assumed --]
[-- Attachment #2: 0001-ignoring-exported-html-indices.patch --]
[-- Type: text/x-patch, Size: 460 bytes --]
From 9bb86f8c206e2b749c9c49c4ad33f11e07e4f3fc Mon Sep 17 00:00:00 2001
From: Eric Schulte <eric.schulte@gmx.com>
Date: Wed, 14 Dec 2011 20:30:02 -0700
Subject: [PATCH 1/3] ignoring exported html indices
---
.gitignore | 1 +
1 files changed, 1 insertions(+), 0 deletions(-)
create mode 100644 .gitignore
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..dcaf716
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+index.html
--
1.7.8
[-- Warning: decoded text below may be mangled, UTF-8 assumed --]
[-- Attachment #3: 0002-shrink-links-and-remove-twitter-on-narrow-screens.patch --]
[-- Type: text/x-patch, Size: 3880 bytes --]
From e262903d6d21173d786c15d4e4db155d466c8407 Mon Sep 17 00:00:00 2001
From: Eric Schulte <eric.schulte@gmx.com>
Date: Wed, 14 Dec 2011 20:30:28 -0700
Subject: [PATCH 2/3] shrink links and remove twitter on narrow screens
---
org.css | 147 +++++++++++++++++++++++++++++++++++----------------------------
1 files changed, 82 insertions(+), 65 deletions(-)
diff --git a/org.css b/org.css
index cce24dd..ad6785e 100644
--- a/org.css
+++ b/org.css
@@ -96,50 +96,87 @@ h1.title {
font-family: Courier New;
}
-#linklist
-{
- position: fixed;
- font-size: 13pt;
- font-family: Courier New;
- padding-top: 0px;
- padding-right: 0px;
- top: 107px;
- left: 0px;
- margin-top: 0px;
- width: 180px;
- background-color: #fff;
- color: black;
- box-shadow: 8px 8px 12px #ccc;
- -webkit-border-bottom-right-radius: 10px;
- -moz-border-radius-bottomright: 10px;
- z-index: 100;
-}
-
-#linklist a {
- color: black;
- font-weight: normal;
- text-decoration: none;
- display:block;
- padding: 7pt;
-}
-
-#linklist ul {
- margin: 0;
- padding: 0;
-}
-
-#linklist li {
- text-align: right;
- margin: 0;
-}
-
-.timestamp {
- font-family: Courier New;
- color: #888888;
-}
-
-#linklist li:hover {
- border-left: 7px solid #537d7b;
+@media all {
+ #linklist
+ {
+ position: fixed;
+ font-size: 13pt;
+ font-family: Courier New;
+ padding-top: 0px;
+ padding-right: 0px;
+ top: 107px;
+ left: 0px;
+ margin-top: 0px;
+ width: 180px;
+ background-color: #fff;
+ color: black;
+ box-shadow: 8px 8px 12px #ccc;
+ -webkit-border-bottom-right-radius: 10px;
+ -moz-border-radius-bottomright: 10px;
+ z-index: 100;
+ }
+
+ #linklist a {
+ color: black;
+ font-weight: normal;
+ text-decoration: none;
+ display:block;
+ padding: 7pt;
+ }
+
+ #linklist ul {
+ margin: 0;
+ padding: 0;
+ }
+
+ #linklist li {
+ text-align: right;
+ margin: 0;
+ }
+
+ .timestamp {
+ font-family: Courier New;
+ color: #888888;
+ }
+
+ #linklist li:hover {
+ border-left: 7px solid #537d7b;
+ }
+
+ #twit {
+ /* -moz-opacity:.2; */
+ /* opacity: .2; */
+ /* filter:alpha(opacity=20); */
+ position: fixed;
+ top: 362px;
+ box-shadow: 8px 8px 12px #ccc;
+ -webkit-border-bottom-right-radius: 10px;
+ -moz-border-radius-bottomright: 10px;
+ z-index: 100;
+ }
+
+ .outline-2 {
+ position: relative;
+ top: 105px;
+ left: 215px;
+ width: 75%;
+ padding-bottom: 5pt;
+ }
+}
+
+@media all and (max-width: 700px){
+ #linklist{
+ width: 130px;
+ }
+ #linklist a{
+ font-size: 10pt;
+ }
+ #twit{
+ display: none;
+ }
+ .outline-2 {
+ left: 145px;
+ }
}
pre {
@@ -176,26 +213,6 @@ pre {
filter:alpha(opacity=100);
}
-.outline-2 {
- position: relative;
- left: 215px;
- top: 105px;
- width: 75%;
- padding-bottom: 5pt;
-}
-
-#twit {
- /* -moz-opacity:.2; */
- /* opacity: .2; */
- /* filter:alpha(opacity=20); */
- position: fixed;
- top: 362px;
- box-shadow: 8px 8px 12px #ccc;
- -webkit-border-bottom-right-radius: 10px;
- -moz-border-radius-bottomright: 10px;
- z-index: 100;
-}
-
/* #twit:hover { */
/* -moz-opacity:1; */
/* opacity: 1; */
@@ -314,7 +331,7 @@ li {
}
img.random {
- max-width: 750px;
+ max-width: 75%;
max-height: 380px;
margin-bottom: 10pt;
border: 1px solid black;
--
1.7.8
[-- Warning: decoded text below may be mangled, UTF-8 assumed --]
[-- Attachment #4: 0003-title-width-adjusts-appropriately-given-window-width.patch --]
[-- Type: text/x-patch, Size: 2483 bytes --]
From 67762c50047bbbfb71d87245b791c02cc9dcf234 Mon Sep 17 00:00:00 2001
From: Eric Schulte <eric.schulte@gmx.com>
Date: Wed, 14 Dec 2011 21:02:28 -0700
Subject: [PATCH 3/3] title width adjusts appropriately given window width
---
org.css | 69 ++++++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 51 insertions(+), 18 deletions(-)
diff --git a/org.css b/org.css
index ad6785e..8cbe0c3 100644
--- a/org.css
+++ b/org.css
@@ -13,7 +13,6 @@ body {
}
.title {
- background: url(http://orgmode.org/org-mode-unicorn.png) no-repeat 12px 5px;
position: fixed;
display: inline;
left: 0px;
@@ -41,14 +40,6 @@ body {
z-index: 98;
}
-#paypal {
- position:fixed;
- right: 10px;
- top: 15px;
- z-index: 100;
- text-align: center;
-}
-
#paypal a {
font-family: Courier new;
cursor: pointer;
@@ -88,15 +79,23 @@ body {
padding-top: 15px;
}
-h1.title {
- text-shadow: 2px 2px 4px #999;
- padding-top: 23px;
- padding-left: 70pt;
- font-size: 23pt;
- font-family: Courier New;
-}
-
@media all {
+ #paypal {
+ position:fixed;
+ right: 10px;
+ top: 15px;
+ z-index: 100;
+ text-align: center;
+ }
+
+ h1.title {
+ text-shadow: 2px 2px 4px #999;
+ padding-top: 23px;
+ padding-left: 0pt;
+ font-size: 23pt;
+ font-family: Courier New;
+ }
+
#linklist
{
position: fixed;
@@ -164,7 +163,36 @@ h1.title {
}
}
+@media all and (min-width: 1400px){
+ padding-left: 75pt;
+}
+
+@media all and (min-width: 650px){
+ .title{
+ background: url(http://orgmode.org/org-mode-unicorn.png) no-repeat 12px 5px;
+ }
+}
+
+@media all and (max-width: 750px){
+ #paypal{
+ position: absolute;
+ top: 2px;
+ right: 2px;
+ }
+ #paypal a{
+ width: 60px;
+ font-size: 8pt;
+ }
+ #paypal a:hover {
+ width: 60px;
+ font-size: 8pt;
+ }
+}
+
@media all and (max-width: 700px){
+ h1.title{
+ padding-left: 0pt;
+ }
#linklist{
width: 130px;
}
@@ -174,9 +202,14 @@ h1.title {
#twit{
display: none;
}
- .outline-2 {
+ .outline-2{
left: 145px;
}
+ #paypal{
+ position:fixed;
+ left: 0px;
+ top: 362px;
+ }
}
pre {
--
1.7.8
[-- Attachment #5: Type: text/plain, Size: 47 bytes --]
--
Eric Schulte
http://cs.unm.edu/~eschulte/
next prev parent reply other threads:[~2011-12-15 4:11 UTC|newest]
Thread overview: 68+ messages / expand[flat|nested] mbox.gz Atom feed top
2011-12-12 23:39 Refresh of http://orgmode.org Bastien
2011-12-13 17:25 ` Achim Gratz
2011-12-13 19:27 ` Bastien
2011-12-13 19:32 ` Nick Dokos
2011-12-13 20:27 ` Achim Gratz
2011-12-20 23:23 ` Bastien
2011-12-13 17:39 ` Samuel Wales
2011-12-13 18:39 ` Eric S Fraga
2011-12-13 18:59 ` Samuel Wales
2011-12-13 19:35 ` Bastien
2011-12-13 19:51 ` Samuel Wales
2011-12-14 8:49 ` Eric S Fraga
2011-12-13 19:33 ` Bastien
2011-12-13 21:50 ` Viktor Rosenfeld
2011-12-13 22:22 ` Bastien
2011-12-14 8:53 ` Eric S Fraga
2011-12-14 12:54 ` Viktor Rosenfeld
2011-12-14 17:40 ` Bastien
2011-12-14 18:15 ` Bastien
2011-12-14 22:10 ` Viktor Rosenfeld
2011-12-14 22:17 ` Eric Schulte
2011-12-14 1:19 ` Eric Schulte
2011-12-14 10:07 ` Bastien
2011-12-14 18:45 ` Eric Schulte
2011-12-15 4:11 ` Eric Schulte [this message]
2011-12-15 14:03 ` Bastien
2011-12-15 15:10 ` Eric Schulte
2011-12-15 15:18 ` Bastien
2011-12-15 15:26 ` Eric Schulte
2011-12-15 15:44 ` Bastien
2011-12-15 14:10 ` Bastien
2011-12-14 13:17 ` Stefan Vollmar
2011-12-14 2:30 ` Scott Randby
2011-12-15 13:10 ` Martyn Jago
-- strict thread matches above, loose matches on Subject: below --
2012-07-07 18:58 Functions in SBE blocks Viktor Rosenfeld
2011-11-16 15:27 Question regarding remote references in tables Viktor Rosenfeld
2011-10-19 16:21 Export an org file from the command line in the background Viktor Rosenfeld
2011-10-19 16:27 ` Jambunathan K
2011-10-19 20:14 ` Viktor Rosenfeld
2011-10-18 13:20 [babel] Verbatim output from SQL command Sebastien Vauban
2011-10-18 16:15 ` Eric Schulte
2011-10-19 9:19 ` Sebastien Vauban
2011-10-19 18:08 ` Eric Schulte
2011-10-20 8:03 ` Sebastien Vauban
2011-10-19 16:29 ` Viktor Rosenfeld
2011-09-22 7:36 [Bug] local variables definition at beginning of file is ignored Viktor Rosenfeld
2011-09-22 9:48 ` Viktor Rosenfeld
[not found] ` <listuser36@googlemail.com>
2011-09-22 14:43 ` Nick Dokos
2011-09-22 14:58 ` Nick Dokos
2011-10-19 16:47 ` [babel] Verbatim output from SQL command Nick Dokos
2011-10-19 17:31 ` Viktor Rosenfeld
2011-10-19 17:34 ` Sebastien Vauban
2011-10-19 21:12 ` Export an org file from the command line in the background Nick Dokos
2011-10-19 22:28 ` Viktor Rosenfeld
2011-10-19 21:22 ` Code block evaluation export bug ? (was: Re: Export an org file from the command line in the background) Nick Dokos
2011-10-21 1:57 ` Code block evaluation export bug ? Thomas S. Dye
2011-10-21 2:42 ` Nick Dokos
2011-10-21 4:37 ` Nick Dokos
2011-10-22 23:51 ` Nick Dokos
2011-11-09 21:13 ` Eric Schulte
2011-11-09 21:55 ` Nick Dokos
2011-10-19 22:37 ` Export an org file from the command line in the background Nick Dokos
2011-11-16 15:52 ` Question regarding remote references in tables Nick Dokos
2011-11-16 16:40 ` Nick Dokos
2011-11-16 17:43 ` Viktor Rosenfeld
2011-12-13 22:16 ` Refresh of http://orgmode.org Nick Dokos
2012-07-07 20:02 ` Functions in SBE blocks Nick Dokos
2012-07-08 0:55 ` Viktor Rosenfeld
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
List information: https://www.orgmode.org/
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=87sjkmqxsn.fsf@gmx.com \
--to=eric.schulte@gmx.com \
--cc=bzg@altern.org \
--cc=emacs-orgmode@gnu.org \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this public inbox
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).