onlyembers: Credit to <user name="mortgraphics" site="livejournal.com"> (Default)
onlyembers ([personal profile] onlyembers) wrote in [site community profile] dreamscapes2013-04-22 10:20 am

New Layout Layer: Venture

Theme name/layout: Venture / Radiant Aqua

Author: [personal profile] onlyembers

Venture (Layout Layer): Info | Source | Highlighted Source

Radiant Aqua (Default Theme): Info | Source | Highlighted Source | Preview

Additional info (for layouts): One transparent striped png in the theme; it's mine, so no usage concerns. User layout stylesheet is enabled, all column types supported. Right now I have the modules in single-column mode default to a 'display: inline-block' with their width looped into the display preferences. Feedback is welcomed; I was torn between this and stretching them across the full column. Is there a big single-col userbase that has a preference one way or another? I also added in a header navigation module that works independent of the sidebar one.

----

Needs Testing In:

- Browsers, possibly? I've run it through all the up to date versions of Firefox, Chrome, Safari, etc, plus IE8+ on up. From what I could see via an emulator, IE7 also looks all right, but I didn't want to spent a huge amount of time digging around until I got word on how far backwards compatibile things needed to be.

- The front-end UI? Again, I've checked everything over, but it's totally possible I've missed things a user might spot from the customization wizard.

- General testing. Pretty much just to be put through the paces! I've reached a point at which no more staring at the code will make it better without some input and a fresh set of eyes to tell me what I've inevitably missed/hosed up/etc.

Only the one theme, until the layout layer gets any kinks worked out. Extra comment flavor until it's ready for submission/patching. Have at it? :D
fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)

[staff profile] fu 2013-04-22 02:38 pm (UTC)(link)
That is a pretty nice use of css transitions.
fascination: A crop of the cover of Florence + The Machine's 'Lungs' album (Between Two Lungs.)

[personal profile] fascination 2013-04-22 03:34 pm (UTC)(link)
This is really nice! :)
momijizukamori: (dreamsheep | styles)

[personal profile] momijizukamori 2013-04-22 04:03 pm (UTC)(link)
Oooh, I *like* this. I lean towards inline-block for one-column, though no doubt there are people who feel otherwise.

I think my only (very small) nitpick looking through is that the body font for entries seems very... pixelated on Firefox for Linux. I know fonts cross-platform can be a bitch, though.

Were you interested in patching this yourself? If so, I can do a quick code-review for you, and either Fu or 90d will probably do one before it gets committed. If not, the patcher (which will probably be me again) will do the going-over and what not *g*
asseenontv: (Default)

/same person, different account

[personal profile] asseenontv 2013-04-22 06:23 pm (UTC)(link)
I think Times New Roman and Georgia both work nicely on Linux - when I get home I'll see what its pulling up on my machine. It's readable, but there's no anti-aliasing going on. For web fonts, it's usually Windows that causes display issues, I've found, so if they work there, you're good.

I'm happy to walk you through patching - I should be on irc in the evening tonight, PST, and probably the evenings later this week, though my schedule shifts a lot.
asseenontv: (Default)

Re: /same person, different account

[personal profile] asseenontv 2013-04-22 08:50 pm (UTC)(link)
I'll try to remember to check o7 I have Opera and Chromium installed too.

I know we have a decent tutorial for patching new layouts on the wiki, though I'm not sure we have a good intro git one.
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2013-04-23 02:01 am (UTC)(link)
Okay, I had a look - I think the only thing is the entry body font for Opera and Chromium, too. Looking at the CSS, it was actually Cambria that was being selected and then rendering badly - screenshot for ref. The CSS transitions don't work in Chromium but there's a good chance my version is out of date - and it's just the fade effect, so it's a perfectly fine fallback.
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2013-04-23 05:50 am (UTC)(link)
I may not be the best test case *g* I have all my Windows fonts installed
in Linux, so I never remember which ones are native.
Edited 2013-04-23 05:51 (UTC)
ghoti: fish jumping out of bowl (Default)

[personal profile] ghoti 2013-04-22 04:33 pm (UTC)(link)
Quick peek looks good on mobile too.
carene_waterman: An image of the Carina Nebula (Default)

[personal profile] carene_waterman 2013-04-22 04:47 pm (UTC)(link)
I like your transition too. Nicely subtle.

For one-column, I like horizontal modules too, and a user can force them to be full width by setting the sidebar width to the page width (or 100%? I can't recall if that option allows percentages). So you do have both options here, but users might not realize that. A line in the user options explaining how sidebar width functions in a one-column layout might not be a bad idea.

There is one issue I noticed, it's not your code, rather it's what happens when you put content right up at the top of the page in any style.

The DW code for the navstrip sets the height of the navstrip to 45px and puts a padding on body of 45px. Which is awesome except for how it's not when a user ups their font size. The page starts to slide under the navstrip as the navstrip gets bigger than 45px. Usually, with styles where there's a big whitespace below the navstrip, no one notices.

It's really noticeable on your style because the navigation tabs start disappearing at bigger fonts. You can fix this for almost all users by setting the padding-top on body to 2.8em in your layout. (use html body as the selector, to match the navstrip CSS)

Otherwise the style looks really good at fonts bigger than 24 pixels in all the views I tried.

carene_waterman: An image of the Carina Nebula (Default)

[personal profile] carene_waterman 2013-04-23 01:50 am (UTC)(link)
You need to get the font big enough that the navstrip gets taller than the 45px. I had to go to something like 24px before it was an issue. This is on Firefox with text only zoom. If your browser does the zoom everything thing, you might not see it that way.

If you set your minimum font size to something around 18px you will also see it. On my screen, the blue above the tabs is gone at font min of 16px and they start to overlap at 18px.

mmejavert: (Default)

[personal profile] mmejavert 2013-04-22 04:56 pm (UTC)(link)
I thought it looked great in the current version of Opera. I didn't notice anything that looked odd or glitchy at all :D
ninetydegrees: Drawing: a girl's pale face, with a yellow and green stripe over her right eye (Default)

[personal profile] ninetydegrees 2013-04-22 06:52 pm (UTC)(link)
Very, very pretty and functional and original. You did a great job! What Fu said about the transitions and I think my favorite detail is the longer border on the upper right side of entries. I love the asymetric, modern, elegant accent it gives to the whole layout.

Edit: I've only had a quick look at your layers but I think kudos are in order. Also I second the offer for help on the transition to git. :)
Edited 2013-04-22 19:01 (UTC)
ninetydegrees: Drawing: a girl's pale face, with a yellow and green stripe over her right eye (Default)

[personal profile] ninetydegrees 2013-04-22 07:30 pm (UTC)(link)
I don't why git looks so scary (it did to me too) because it's sooooo easy to use and understand. Git is pretty much 'let's call it how we do it' so what seems like obscure jargon is actually pretty descriptive. I think we're not used to that, ironically. :)

I don't know what OS you're on but I've been told the guide I wrote for Windows people on the wiki is pretty helpful even if you're not on Windows as you just need to skip the steps which are not relevant to you. If you wanna have a look at it it's at http://wiki.dwscoalition.org/wiki/index.php/Newbie_Guide:_Getting_Started_on_Windows
asseenontv: (Default)

/is momiji

[personal profile] asseenontv 2013-04-22 08:53 pm (UTC)(link)
I know for me, some of it is that the basics are easy but if something goes wrong it's like "HELP WHAT DO I DO FU D:"
ninetydegrees: Drawing: a girl's pale face, with a yellow and green stripe over her right eye (Default)

Re: /is momiji

[personal profile] ninetydegrees 2013-04-22 09:14 pm (UTC)(link)
I don't think I've ever messed things up too badly but then maybe I just don't remember it. :) Lately, I've either unfucked things myself or got help from stackoverflow because I'm still learning about all the commands and the options you can use. Also I've realized I didn't really understand how things worked before. I just thought I did. I mean it's still very much true to some extent but things make a lot more sense now and it's easier to figure things out on my own. Am I making sense? I'm so tired right now.
carene_waterman: An image of the Carina Nebula (Default)

[personal profile] carene_waterman 2013-04-23 01:58 am (UTC)(link)
I really recommend Code School's Try Git for people new to git. It's free, and gets you set up, shows you the basics, has you set up a GitHub account and it's all done in the browser.

Good place to start, and the fear of doing something wrong is taken away.
ninetydegrees: Drawing: a girl's pale face, with a yellow and green stripe over her right eye (Default)

[personal profile] ninetydegrees 2013-04-23 05:33 am (UTC)(link)
Would you guys recommend I sign up for a Dreamhack? I was going to, but wasn't sure if it'd be overkill for just patching styles.

Yep! You need it to test your patch and who knows what you might want to do next? ;)
ninetydegrees: Drawing: woman laughing (laughter)

[personal profile] ninetydegrees 2013-04-23 08:35 pm (UTC)(link)
*cheers*
ninetydegrees: Text: work, work, work (work)

[personal profile] ninetydegrees 2013-05-22 12:40 pm (UTC)(link)
Hi again!

I've just filed a bug for this: http://bugs.dwscoalition.org/show_bug.cgi?id=5069 and assigned it to you.

As noted on the initial bug report, it would be great if this could be a Tabula-Rasa based style. Looking at the source and the layout it seems possible. Also I made a note about your CLA only because Denise needs to confirm she got it (you'll also notice that this entry has a -needs cla tag for the very same reason).
Edited (saw you already had an account! sorry!) 2013-05-22 12:42 (UTC)
ninetydegrees: Drawing: cowboy lassoing on a horse (rodeo)

[personal profile] ninetydegrees 2013-05-26 01:01 pm (UTC)(link)
Awesome!

Double awesome! As soon as she makes a note of it on the bug I'll remove the tag.
carisma_sensei: (Default)

[personal profile] carisma_sensei 2013-04-22 08:24 pm (UTC)(link)
LOVE IT. Simply.
nornoriel: (Fluttershy smile)

[personal profile] nornoriel 2013-04-23 08:55 pm (UTC)(link)
I like this *a lot*. :D
jewelfox: A portrait of a foxgryphon with a beak, black fur, magenta hair, fox ears, and a neckband with a large jewel on it. (Default)

[personal profile] jewelfox 2013-04-28 02:52 am (UTC)(link)
This is the best theme on Dreamwidth right now

* H1 tags which normally display with a line break beneath them (when there is none) don't have one in this theme

* Ordered and unordered lists have the bullets or numbers on the line above the list content

I am using Firefox on Linux and Windows with NoSquint enabled and a text zoom of 130 percent; I have modified zoom levels but have not seen a difference
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2013-06-07 09:08 pm (UTC)(link)
Poking my head in as I go through all our styles stuff to just say - yaaaaaaaaaaaay progress! I'm super-excited about this :)
jewelfox: A portrait of a foxgryphon with a beak, black fur, magenta hair, fox ears, and a neckband with a large jewel on it. (Default)

[personal profile] jewelfox 2013-04-28 02:54 am (UTC)(link)
Also, does this have a one-column layout
jewelfox: A portrait of a foxgryphon with a beak, black fur, magenta hair, fox ears, and a neckband with a large jewel on it. (Default)

[personal profile] jewelfox 2013-05-02 09:43 pm (UTC)(link)
Oh? How do you use that?

Also how would one enable this layout, and how would one change the primary colour to magenta instead of blue, and how would one disable the stripes and have flat untextured UI instead?

Questions questions questions
jewelfox: A portrait of a foxgryphon with a beak, black fur, magenta hair, fox ears, and a neckband with a large jewel on it. (Default)

[personal profile] jewelfox 2013-05-06 07:28 am (UTC)(link)
Okies, many thanks for the help!
rocketdive: guild wars 2 → thief symbol (Default)

[personal profile] rocketdive 2013-10-22 02:09 pm (UTC)(link)
I just got the layout installed on [personal profile] milestones thanks to your instructions here, though I loved it enough that I would have figured it out eventually regardless. Lovely work!
got_swagger: (Default)

[personal profile] got_swagger 2013-06-12 10:31 pm (UTC)(link)
This is absolutely gorgeous! It's definitely my favorite theme I've come across on here!
timeasmymeasure: kitty kisses (stock: kitty kisses)

[personal profile] timeasmymeasure 2013-08-29 05:25 am (UTC)(link)
This is so gorgeous!
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2014-06-16 06:08 pm (UTC)(link)
Hey - I know you were initially interested in patching this yourself, but with the migration from Bugzilla to Github for bug tickets, I thought I'd check in again. I'm happy to work on patching it if you don't want to!