webhoes

review theme

Recommended Posts

Hello, I have been working on my first pw site the last view days. Normally I work with Wordpress.

I never really had to make a theme myself so this was a nice challange. I took some parts from another theme and added some scripts I found online.

The waves on the frontpage are based on repeating field. A text area, background color, wave color and yes/no for the waves.

The contact form is made of PHP as I could not get a javaScript solution working.

Please share some input to make it better... and please be nice as it is my first attempt at PW..

link is: pw.webhoes.nl

Sanne

  • Like 2

Share this post


Link to post
Share on other sites

Hi Sanne, nicely done. At first glance, I spotted two small issues: the carousel arrows unfortunately don't work, and the "LEES MEER" buttons on the portfolio page aren't functional (I'm using Firefox here). That said, I like the soft slide-into-place effect on navigating between pages, and the styling is pleasing and harmonic.

  • Like 1

Share this post


Link to post
Share on other sites

Hello BitPoet, thanks.

I meant to get rid of the arrows as I don't want a slider. Just removed them.

Is the div of the waves too high? I use firefox too and here it works.
The images of the portfolio page should also be clickable. Do they work with you?

Sanne

Share this post


Link to post
Share on other sites

The waves div is fine for me. The images themselves do work as links, but my first instinct was to click the buttons below.

Share this post


Link to post
Share on other sites

Hello @webhoes,

on your project detail pages, the hero image zooms into the content below while scrolling. You should add a background color to the content below to avoid this. ;)

Also, you seem to have some console errors (for example [[ ++site_url]]). Maybe you are using a template engine, which produces those.

Regards, Andreas

Share this post


Link to post
Share on other sites

Hello AndZyk,

I noticed that on the project details. The background is set to #121212 but it still seems partly transparant for some reason. I have not jet found the part to disable that.

Those are modx chunks. I used some parts of a modx template.

If this template ever goes live, I will populate them with variables from the page.

Share this post


Link to post
Share on other sites

This CSS rule should be enough in your case, but maybe you want to be more specific:

.zoom-out-header-content {
    background-color: white;
}

Also I wouldn't provide a link to the admin on the front end, but this is just my opinion and maybe your are using this only for development. ;)

Share this post


Link to post
Share on other sites

Hi Sanne nice work you done and the resposive working great just one suggestion, when I scroll down header section is not visible but when I scroll up it appears in my chrome browser.

 

Edited by adrian
Removed spammy link

Share this post


Link to post
Share on other sites

Hi @webhoes

Site looks good.
On Portfolio page, Chrysemys and Defense Lab are too wide and slightly obstruct the text.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By fbg13
      Lets discuss the new admin theme, there has been very little talk about it, a few questions about its status and some simple designs by a few users.
      Have you played with it? Do you like it? Do you dislike it? Of course I'm not talking about its design, but the way its structured, how it works and the features it offers so far.
      ------------------------------
      I'm working on a purple color scheme for it and it turned out quite well (imo), but one thing I dislike is the use of iframes. I haven't used iframes before so it might be just me, but I'm struggling with them when it comes to javascript.
      When iframes are used all scripts are loaded in every frame, which can lead to unexpected results.
      Javascript is an easy way to add, remove, move etc. elements in the admin, but the iframes complicate things.
      What are your thoughts? Is it just me?
      Here's a screenshot of the purple theme:

    • By didhavn
      Hey everbody.

      I wanted to share something I have been working for quite some time, in total currently three premium Templates or Site-Profiles for ProcessWire 3 including a onepage template, a blog template and a blog+sidebar template.
       
      Here are some Quick Facts:
      Fully responsive Multilanguage support Full SEO support Optional Google Analytics Easily create new pages out of multiple predefined sections Lazyload the sections of a page [Group and update website-information into blogs] (blog, blog+sidebar) [Use tags to tag and group blog entries] (blog, blog+sidebar) [User-comments] (blog, blog+sidebar) [Create each page with or without sidebar] (blog+sidebar) Website-wide search by text or tags Password protect each page individually with sophisticated page-encryption with dummy texts and pixelated images
      Just go to https://pwtemplates.de to test the demos (e.g. blog-sidebar) and purchase them for a small expense allowance.
       

      Hope you like it!
    • By benbyf
      Hello,
      Does anyone know whether the is a place detailing the structure your admin theme should take when creating one? e.g. I see UiKit, Reno and Default admin themes all have default.php, init.php, controller.php files, is this a stylisitic choice or a prerequisite for any admin theme module?
      Thanks!
    • By madknight
      Hi everybody,
      I am sorry, I guess this is a damn stupid beginner question but:
      I got a damn good looking html theme - no pw theme!
      It´s using basic html, css, sass, etc.
      Now, I´m wondering how I can transform this into the processwire structure.
      Is there any guide? Haven´t found any yet ...
      Would be so kind if you can help me !
      Regards!
    • By Aleksey Popov
      Hello. My name is Alexey, I'm a designer.
      So it turned out that I got carried away by ProcessWire and made several sites (links below the post). I have a desire to make template sites for sale on various markets (where possible), as well as on my own site.
      I'm clear understand the difference between ProcessWire and WordPress and it's not about templates, but about simple, ready-made solutions that can been easily customized if necessary.
      I would like to discuss here the possibility of such activities in particular the rights of modules authors. Consider for example a hypothetical site: 
      A simple corporate site in which (commercial and non-commercial) modules are used:
      AdminTheme BatchChildEditor ClearCacheAdmin EmailNewUser FieldtypeColorPicker FieldtypeMatrix FieldtypeMultiplier FieldtypeRangeSlider FieldtypeRepeaterMatrix FieldtypeSelect FieldtypeTable FieldtypeTextareas FormBuilder ImportPagesCSV InputfieldCKEditor MarkupSimpleNavigation MarkupSitemapXML PageEditPerUser PageTreeAddNewChildsReverse ProcessCustomUploadNames ProcessDatabaseBackups ProcessExportProfile ProcessTemplateEditor ProcessWireUpgrade TextformatterAutoLinks TextformatterVideoEmbed  
      Obviously the use of commercial modules should be discussed with Cramer (or others) personally but can I use non-commercial ones in the similar projects? 
      In general maybe this has already been discussed?

      ——
      Some of my works of PW:
      http://www.twenty-studio.ru/
      http://ekaterinburg.guide/
      http://bonus.koriphey.ru/
      http://trustural.ru/
      bonus.koriphey.ru
      http://plus.koriphey.ru/