Re: Wiki design update
Hello Erik,
It looks nice now ! Thank you !
JC
> On Feb 10, 2022, at 10:16, Erik Gustafson wrote:
>
> Hi Jean-Christophe,
>
> There must be a lag [...]
>
> The picolisp server caches css files for 24hrs (I think). You may need to
> refresh
> with e.g. ctrl-shift-r
>
> Current (https://picolisp.com/wiki/wiki/wiki.css) is:
> .code {
>color: #333;
>font-weight: bold;
>font-family: 'Courier New', monospace;
>background: #efefef;
>border-radius: 0.15rem;
>border: 1px solid #aaa;
>padding: 0.05rem 0.2rem;
>margin-right: 1px;
>overflow-x: auto;
>font-size: smaller;
> }
>
> pre.code {
>padding: 0.1rem 0.2rem;
>border-radius: 0.25rem;
>background: -webkit-gradient(linear, left top, right bottom,
> from(#efefef), color-stop(90%), to(#dfdfdf));
>background: -o-linear-gradient(top left, #efefef, 90%, #dfdfdf);
>background: linear-gradient(to bottom right, #efefef, 90%, #dfdfdf);
>-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
>box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
> }
>
>
> Though looking at the 'help' page again today has me thinking readability
> is best served with something like:
>
> .code {
>color: #222;
>font-weight: bold;
>font-family: 'Courier New', monospace;
>background: #eee;
>border-radius: 0.15rem;
>padding: 0.05rem 0.2rem;
>margin-right: 1px;
>overflow-x: auto;
>font-size: smaller;
> }
>
> pre.code {
>padding: 0.1rem 0.2rem;
>border-radius: 0.25rem;
> }
>
>
> Also known as "what was there before'' :) And then I can always put the
> shine on the homepage with '${...}'.
>
> Thoughts?
--
Jean-Christophe Helary @brandelune
https://mac4translators.blogspot.com
https://sr.ht/~brandelune/omegat-as-a-book/
--
UNSUBSCRIBE: mailto:picolisp@software-lab.de?subject=Unsubscribe
Re: Wiki design update
Hi Jean-Christophe,
There must be a lag [...]
>
The picolisp server caches css files for 24hrs (I think). You may need to
refresh
with e.g. ctrl-shift-r
Current (https://picolisp.com/wiki/wiki/wiki.css) is:
code {
color: #333;
font-weight: bold;
font-family: 'Courier New', monospace;
background: #efefef;
border-radius: 0.15rem;
border: 1px solid #aaa;
padding: 0.05rem 0.2rem;
margin-right: 1px;
overflow-x: auto;
font-size: smaller;
}
pre.code {
padding: 0.1rem 0.2rem;
border-radius: 0.25rem;
background: -webkit-gradient(linear, left top, right bottom,
from(#efefef), color-stop(90%), to(#dfdfdf));
background: -o-linear-gradient(top left, #efefef, 90%, #dfdfdf);
background: linear-gradient(to bottom right, #efefef, 90%, #dfdfdf);
-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
}
Though looking at the 'help' page again today has me thinking readability
is best served with something like:
code {
color: #222;
font-weight: bold;
font-family: 'Courier New', monospace;
background: #eee;
border-radius: 0.15rem;
padding: 0.05rem 0.2rem;
margin-right: 1px;
overflow-x: auto;
font-size: smaller;
}
pre.code {
padding: 0.1rem 0.2rem;
border-radius: 0.25rem;
}
Also known as "what was there before'' :) And then I can always put the
shine on the homepage with '${...}'.
Thoughts?
Re: Wiki design update
> On Feb 9, 2022, at 12:12, Erik Gustafson wrote:
>
> Hi Jean-Christophe,
>
> The setting on line 247 is not inherited by and that
> cramps the code blocks inside the grey background box.
>
> Oops! It seemed to be inherited in firefox for me. Ok, changed :)
Erik,
There must be a lag because I am still seeing this in wiki.css:
(from l.239)
/* code highlighting */
code {
color: #333;
font-weight: bold;
font-family: 'Courier New', monospace;
background: #efefef;
border-radius: 0.3rem;
border: 1px solid #aaa;
padding: 0 0.2rem;
margin-right: 1px;
overflow-x: auto;
font-size: smaller;
}
pre.code {
border-radius: 0.5rem;
padding: unset;
background: -webkit-gradient(linear, left top, right bottom, from(#efefef),
color-stop(90%), to(#dfdfdf));
background: -o-linear-gradient(top left, #efefef, 90%, #dfdfdf);
background: linear-gradient(to bottom right, #efefef, 90%, #dfdfdf);
-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
}
Is it what you have ?
Jean-Christophe
--
Jean-Christophe Helary @brandelune
https://mac4translators.blogspot.com
https://sr.ht/~brandelune/omegat-as-a-book/
--
UNSUBSCRIBE: mailto:picolisp@software-lab.de?subject=Unsubscribe
Re: Wiki design update
Hi Jean-Christophe, The setting on line 247 is not inherited by and that > cramps the code blocks inside the grey background box. > Oops! It seemed to be inherited in firefox for me. Ok, changed :)
Re: Wiki design update
> On Feb 9, 2022, at 10:20, Erik Gustafson wrote: > > Hi Jean-Christophe, > > Good suggestions, that page looked pretty bad. I've uploaded a new css file > with the changes. Erik, Would you mind adding similar padding values to as there are for ? The setting on line 247 is not inherited by and that cramps the code blocks inside the grey background box. Jean-Christophe -- Jean-Christophe Helary @brandelune https://mac4translators.blogspot.com https://sr.ht/~brandelune/omegat-as-a-book/ -- UNSUBSCRIBE: mailto:picolisp@software-lab.de?subject=Unsubscribe
Re: Wiki design update
Hi Jean-Christophe, Good suggestions, that page looked pretty bad. I've uploaded a new css file with the changes. Thanks, Erik
Re: Wiki design update
Very nice Erik ! Regarding the border-radius for the tag (currently at 0.3/0.5 for the ), I think something a bit less curved would look better at the box angles: https://picolisp.com/wiki/?help Also, adding just a tiny bit of padding would make the code breath a bit. Cheers, Jean-Christophe > On Feb 8, 2022, at 22:47, Erik Gustafson wrote: > > Hi list, > > I thought the wiki could use an update for 2022. Have a look - picolisp.com > > There's a new take on the logo, the login/edit forms are nicer and better > behaved on mobile. And I threw in some CSS gradients to make it look extra > cool > > Feedback welcome! > > -Erik -- Jean-Christophe Helary @brandelune https://mac4translators.blogspot.com https://sr.ht/~brandelune/omegat-as-a-book/ -- UNSUBSCRIBE: mailto:picolisp@software-lab.de?subject=Unsubscribe
Wiki design update
Hi list, I thought the wiki could use an update for 2022. Have a look - picolisp.com There's a new take on the logo, the login/edit forms are nicer and better behaved on mobile. And I threw in some CSS gradients to make it look extra cool Feedback welcome! -Erik
