On 2014-06-01 07:46, Russel Winder via Digitalmars-d wrote:
> I think having humour on the site is a good thing, cf. the D figure on
> dlang.org. It would be good to do more with the D figure, or some other
> mascot. Java has Duke, Go has the gopher [...]

Please, no. Whatever you do, don't create something this hideous. :)
http://blog.golang.org/gopher

I just updated the site. Here are the main changes.

* The background is now dark. I tried a linear-gradient for a little bit, but it made scrolling down the page much, much slower. I shall try out drawing a gradient in GIMP instead.
* The column on the right gets fixed when you scroll down, but the Bootstrap tool for this has a bug when you scroll all the way to the bottom some times which I need to get fixed.
* I added a download page I wrote a bit of text for.

Check out the download page here.

http://w0rp.com:8010/download

The old URL (download.html) is set up with a redirect. (Redirecting like this is vital for SEO.)

I want to fix that scrolling bug, account for resizing a window smaller than the length of the right column (I've seen this issue come up time and time again in browsers), Give the download button on the top a bit more colour, and get a nice gradient in which doesn't slow the page down. It was looking pretty good, but I absolutely will not use linear-gradient on the page after I saw how it ruined smooth scrolling.

Also, the table of contents there is currently a manual job, but I reckon there are clever things I can do with diet to generate it. Something like this...

- import dlang.toc;

append content
    ...

    - heading(h2, "Title");

...

append extra-sidebar
    - toc();

I bet I can make this syntax possible.

Out for now.

Am 01.06.2014 11:54, schrieb w0rp:
> On Sunday, 1 June 2014 at 03:26:30 UTC, Rikki Cattermole wrote:
>> The problem with diet is it compiles directly to D code, hence forth
>> its not really possible at the moment.
>> However as I believe Sonke has said previous it is out of scope of
>> Vibe. Its actually in the scope of Cmsed instead.
>>
>> I have looked into doing just this, reloading of templates. And from
>> what I can ascertain reliably we need shared library support. While
>> this is doable upon Linux, it isn't on Windows. Until its available on
>> Windows I will not use it.
>>
>> My thread on the dub forum is here[0].
>> Basically I am also blocked by dub, to be able to grab all the
>> previous templates ext. From libraries and push them into a findable
>> place at runtime.
>
> I would also consider using a different template engine entirely, one
> which is less powerful but which can be automatically recompiled at
> runtime. I would consider something with diet syntax, but where only
> some of the D language parts actually work. (The '-' syntax parts.)
>

I thought there was a ticket open to let Diet templates automatically recompile in the background for development, but didn't find one - newly opened ticket: [1]. I definitely consider that particular feature within the scope of vibe.d (in contrast to dynamic loading of high level components), but I'm currently lacking the time to implement it myself.

For the big text content pages, it may make sense to stay with DDOC and use the DDOC processor of DDOX [2]. Another possibility would be to use enhanced Markdown. Unfortunately the Markdown compiler in vibe.d doesn't currently support tables, though (although those can of course be inserted using inline HTML).


[1]: https://github.com/rejectedsoftware/vibe.d/issues/676
[2]: https://github.com/rejectedsoftware/ddox/blob/master/source/ddox/ddoc.d

On Sunday, 1 June 2014 at 13:29:38 UTC, w0rp wrote:
> I just updated the site. Here are the main changes.
>
> <snip>

Had to force a refresh to see the changes. I can't decide if I
like the dark background better or worse. Either looks fine
though.

On Sunday, 1 June 2014 at 18:42:51 UTC, Brad Anderson wrote:
> On Sunday, 1 June 2014 at 13:29:38 UTC, w0rp wrote:
>> I just updated the site. Here are the main changes.
>>
>> <snip>
>
> Had to force a refresh to see the changes. I can't decide if I
> like the dark background better or worse. Either looks fine
> though.

You just reminded me to put in a query string version hack at some point. I typically use something like ?v=<epoch_of_server_start> or similar.

https://github.com/w0rp/new-dlang.org/blob/master/src/dlang/toc.d

I just implemented my Table of Contents idea for use in the diet templates.

// Write a heading and add it to the table of contents in one go.
|!= h2(toc, "anchor", "Title")

// Write the table of contents out as html.
|!= toc.write("Title")

There are functions named 'h1' to 'h6' to use, and it works. Now it should be dead simple to write headings and generate a table of contents for a number of pages.

On Sunday, 1 June 2014 at 13:29:38 UTC, w0rp wrote:
> I just updated the site. Here are the main changes.
>
> * The background is now dark. I tried a linear-gradient for a little bit, but it made scrolling down the page much, much slower. I shall try out drawing a gradient in GIMP instead.
> * The column on the right gets fixed when you scroll down, but the Bootstrap tool for this has a bug when you scroll all the way to the bottom some times which I need to get fixed.
> * I added a download page I wrote a bit of text for.
>
> Check out the download page here.
>
> http://w0rp.com:8010/download
>

I find the dark background pretty hard on the eyes in contrast
with the light foreground, maybe it's just me but I preferred the
light one.

On 31/05/14 21:49, w0rp wrote:
> After watching Andrei's keynote where he was asking for help, and
> noticing that there wasn't any proof of someone working on this, I took
> charge.
>
> http://w0rp.com:8010/

I kind of like it. It would be nice to see examples of a couple of other pages as well. The menus are removed when the width of the page gets too small. I assume they're supposed to become a collapsed drop down menu like this: http://getbootstrap.com/examples/starter-template/

> That's the design in the form of a single page website running on my
> Linode. The source is available here.
>
> https://github.com/w0rp/new-dlang.org
>
> I would like to keep going with this and just redesign the whole
> website. A few points worth noting.
>
> * This is entirely a vibe.d website. (See the source.)
> * For pages, DDoc is replaced with diet templates.

Yes, thank you, finally.

> Those seconds in between making a change and seeing the results really
> build up over time. It's probably hard to describe without trying it
> yourself, but trust me, it matters. This is the kind of thing I have
> recently fought against at work, and it was well worth it. I replaced a
> Compass filesystem monitor with an even slightly broken libsass CPython
> compiler which compiled SCSS based on modification times. The couple
> seconds of difference has definitely improved the day-to-day life of
> myself and the web designer I work with.

Try that with livereload as well. For CSS it doesn't need to reload the whole page, it just inserts the new CSS.


-- 
/Jacob Carlborg

On 01/06/14 07:50, Russel Winder via Digitalmars-d wrote:

> Contrast level is still a bit high though. The current dlang.org also
> has this problem because of the use of white. I am not pushing dark grey
> on light grey with spot colour (which is how Apple started out and still
> use a lot) but something with less contrast might lead to a nice brand
> imagery. Red, brown and black are clearly the base for a D brand, so
> maybe washed out red-brown background rather than white. I haven't tried
> this, it's just an idea – which may turn out to be rubbish.

I tried and changed the background color of the #page-wrapper element to #CCCCCC. I think that looks good, although I usually prefer lighter themes.

-- 
/Jacob Carlborg

On Monday, 2 June 2014 at 12:28:53 UTC, Jacob Carlborg wrote:
> I kind of like it. It would be nice to see examples of a couple of other pages as well. The menus are removed when the width of the page gets too small. I assume they're supposed to become a collapsed drop down menu like this: http://getbootstrap.com/examples/starter-template/

Yes, I plan to follow the usual pattern for having a drop down menu for small screens, I just haven't impelemented it yet. (Bootstrap should make this easy.)

>> ...
>
> Try that with livereload as well. For CSS it doesn't need to reload the whole page, it just inserts the new CSS.

I don't need to recompile when I make CSS changes thankfully, but a lot of experimenting with page layout means rapidly changing page content, so that means changing HTML. The problem isn't too severe, but the cycle could be made a bit tighter with automatic recompilation of diet templates, which Sönke says is possible with about a week of work or so. (Sönke is *the man* and has addressed a lot of my concerns in a timely manner in the past.)