Welcome To The New ROK Design

It’s been two and a half years since ROK had a re-design. I decided to go with a minor cosmetic update that is similar to the old design.

There are a few bugs we’re working on. The most urgent is the comment link showing up as an empty box on the main page and below each article’s headline (until that is fixed, click the box to be sent directly to the comments).

There may also be incompatibilities with the multitude of devices being used today. If you’re experiencing a problem, let us know so we can troubleshoot. You can also leave a comment below.

Read Next: 14 Essential Subjects That We’ll Teach Children At The ROK International School

111 thoughts on “Welcome To The New ROK Design”

  1. Looks good, Roosh! The only thing I’m a bit unsure about is the fonts. In the author bar, the letters of your name are spread a bit, and some of the text seems like it could be one pixel bigger (especially the “Prevous Article” bold text).

      1. I think it’s a personal thing. The author name looks fine to me, now (I think the font threw me for a bit).
        As to the “Previous/Next Article” text, the CSS at my end says “12px” while the text of the article is “18px”. It’s the same size as the text for the “Recent Posts” text, and it just comes a cross a bit small on my 1920×1080 screen. The Disqus content comes through at 15px, and that size is good on my monitor, so perhaps bringing the smaller font sizes up to 14 or 15 would make it seem a less-drastic size difference.
        (You also might experiment with fonts in “em” sizes instead of “px”. “em” uses the default device text size, which might help when scaling to different screen sizes and browsers.)
        First the original:
        https://uploads.disquscdn.com/images/94a88a7e7d52fc304fca5af8a7aa2924e042982966e3b860205ca358b437a51b.png
        Then with 15px set:
        https://uploads.disquscdn.com/images/e7f8b8dce5cb5761650bfa1bbe3cf1c9fcc49f8840f757cfdf05fd8111be9d92.png
        Finally, using 0.8em instead of a pixel size:
        https://uploads.disquscdn.com/images/440d32fb7ee97586318401a890cab6e59b885a3bdd33031e745d1ac3ff1c8b17.png
        UPDATE: Pulled it up on my phone without issues (comments loaded normally, site layout adjusted to the phone as expected). However, the 12px font is nigh-unreadable without zooming or getting closer to the screen. Normal text is fine, though, so I do think those few extra pixels would do the trick.

        1. Although, I will say, it’s loading maybe twice as fast as it was yesterday. If I weren’t working contracts right now I probably wouldn’t notice as much, but it’s definitely faster. Props for that!

  2. I like the new look.
    At first I thought there was something wrong with my computer. That was a couple hours ago. Glad you gave us this heads-up. Enjoy your weekend.

  3. Looks good, and the primary picture for each article on the main page is now fit to scale, instead of smaller pictures having a lot of empty grey space.

  4. “I don’t always take money from suckers…but when I do, I bet on the NBA Finals.”
    Man, that game last night was like taking lollipops from Kindergartners. Go Cavs.

        1. I think so also. It’ll be quasi competitive so as to defy skepticism but enough to ensure they get enough revenue.

      1. I don’t know about that – I killed it on Game 4 and will wait to see if there is a Game 6…

      1. Chrome is better. While the Ad window is still a little wider than before, the margins are much smaller.
        I suppose your tech guy is targeting chrome. Very common these days, even with corporate intranet apps…

        1. My instance of Pale Moon (a Firefox fork) is much better – instead of the disqus comment form being about the same size as the sidebar, it’s closer to a 2:1 ratio (much more palatable).
          Just thought I’d mention that.

        2. In my instance of Pale Moon, I had to zoom in the font size. Normally zoomed out, Pale Moon started at about 50% screen width used. It looks like the problem revolves around the page not tracking and using the full space available.
          Tested this in Chrome, and results are the same. Zoom out to reduce the font size, and the webpage doesn’t track the available space properly.

  5. Very slick design/template! How long did it take from design phase until you were ready to roll it out, just out of curiousity?

  6. It’s fine — has a “flatter” graphical appearance and the comment text lines are wider (specs: running Firefox/Ghostery/AdBlock+ on WIN OS10).
    When scrolling back up, though, I see an awkward “SITE LOGO” tag/designation on the static top banner that probably shouldn’t be there (when clicked, it goes to home page, so perhaps just mislabeled); it disappears only when you reach the very top and the actual ROK logo drops back into the banner.

    1. Can you share a screenshot of where the “SITE LOGO” tag appears? I think you’re referring to the black menu bar that shows when you scroll up. The image should be a white ROK logo.

  7. Nice re-design. Comments load slower than before, and so far don’t appear on my phone, which is windows mobile

  8. Roosh, either you use Serif or Sans Serif fonts, but I would never mix both. Else, it looks good to me. Not a big radical change which is fine.

    1. well it’s perfectly normal to mix serif and sans serif fonts as long as it’s done right. looks good here.

      1. Remember how there was always that one person who turned in an essay or paper / writing project in Comic Sans?
        Funny the things you remember! I never have forgotten seeing a woman do that. Bizarre.

  9. The comments button from home screen for each article does not work, I just see a grey rectangle.

      1. I was viewing the site on an Ipad when I wrote that comment.
        The culprit, I think, is the window on the right. It seems to take up about 25-30% of the screen, which forces Disqus to adopt a smaller font size. It’s not that bad, but it’s noticeable compared to the situation in the previous ROK theme.
        It’s less of an issue in chrome, though (100% zoom).

  10. The mobile version is a bit wonky. I have an android and uses chrome on my phone and the top banner doesn’t resize.

    1. You mean the advertising banner right? It seems your device is requesting the desktop site. If you’re using Chrome, the settings menu has a “Request desktop” version option. Make sure it’s unchecked.

  11. The site menu icon at top left of screen doesn’t list “home”. It used to list “home-about-culture-masculinity-store-advertize-donate-submit article”. This is on android chrome.
    Now to return from an article to “home” I have to leave the site and go back to previous page or open new one from recently visited pages. Otherwise loads good. Can’t tell the difference.

    1. A nice double shot of scotch sitting beside a wood burning fireplace, in a red leather armchair. With a crow a tap, tap, tapping on your window..

  12. By the beard of Zues! It looks great. I like the “wide screen” images on the main feed. Comments are also crisp and visible. ROK is looking very modern… and in no way is that depressing!

  13. Images in the article list look nice but lower clicks to the articles. Increases cognitive load. Just text is better.
    Of course, proof is in the pudding. Measure and compare.

  14. Works better on my Android device. Articles load faster, more visually crisp, and Disqus loads much faster.

  15. Not particularly mobile friendly.
    On my device, on the main page, the preview for each article takes up an entire screen’s worth of space. With the old version, I could see multiple article previews per screen.

      1. I would like to see the names, replies, and whatever I can click on in different colors so I can quickly pick out what is a link.

  16. Looks nice. Am a tiny bit concerned after testing the other day that it overloads the capabilities of my very old mobile device and slow connection on said device. No problem of course on other devices, will continue to test on that device if I can still read ROK on public transport..

  17. Have you considered a “Call to Action” section, where items that present an opportunity for action, such as commenting to regulators and policymakers on matters of interest to the RoK readership (e.g. via Regulations.gov in the U.S., and http://www.aph.gov.au/Parliamentary_Business/Committees/Submissions_Open in Australia) could be presented prominently?
    There must be men in these agencies and legislative bodies who would welcome a public mandate to introduce some of our concerns into the legislative and regulatory process.

  18. Nice format change. I don’t read this on a mobile phone so for me the rendering on the PC is quite elegant and efficient.

  19. IMO it’s better to move the sidebar down and have a Wonkette-style format of three equal-sized featured article previews at the top. That way you have room to put more of your content feed above the fold.

Leave a Reply

Your email address will not be published. Required fields are marked *