Jump to content
totoff

Release: Unsemantic Site Profile

Recommended Posts

Hi all,

I've just pushed a new fully responsive site profile to Github: Unsemantic Site Profile for Processwire 2.3

After having tried seven zillion responsive grid systems, boilerplates, frameworks etc. I finally opted for Unsemantic Grid System. Mainly because it supports IE7, is lightweight and includes Compass/SASS.

I've designed the profile as a starting point for development according to my needs. This includes almost no styling, an easy-to-use solution for placeholder images and three teaser boxes on the front page. In addition, I converted the .sass files that come with Unsemantic to .scss because I like the syntax better.

Glad if you give it a try and find it an improvement for your workflow. You can see a preview here.

Download from Github: https://github.com/christophlieck/UnsemanticSiteProfile

  • Like 13

Share this post


Link to post
Share on other sites

Great, thanks totoff! I am a happy fan also of SASS+Compass. I feel your pain re the seven zillion grids ;) and at the risk of mentioning one that maybe you tried or not, I am smitten with http://susy.oddbird.net/ and I'm inspired now to try and do my own vanilla profile with SUSY so thanks for that too.

Share this post


Link to post
Share on other sites

thank you guys for your friendly comments. appreciate your feedback. if you find any bugs please let me know.

@alanfluff i fully understand. susy was one of my long time favorites. but when it came to decision making as far as i remember i sorted it out because it doesn't support ie7 (right?). that's a deal breaker for me, as i work much for the healthcare sector and the doctors still love to surf around with ie6 and ie7 ;-)

does anybody of you know how i can get the profile listed in the module section?

Share this post


Link to post
Share on other sites

@totoff Glad you liked SUSY too, as I was writing that I was thinking "I don't think it supports IE7" and so in your sphere I can see clearly why you went the route you did (shuddering as I think of IE6 ;))

Share this post


Link to post
Share on other sites

Question,

in order to have this site profile we have to reinstall Processwire again and replace the 2 folders?

Share this post


Link to post
Share on other sites

Yes, a site profile will require a clean installation since you effectively add these folders before installing it.

Share this post


Link to post
Share on other sites

totoff, 

Nice work! :)

Quick question:
Do any of you still support IE7? I don't even plan to support IE8 after the end of this year — without a supplemental agreement.

Share this post


Link to post
Share on other sites

For web development and support services, i only support the latest two versions of IE. Life is easier that way.

.

  • Like 3

Share this post


Link to post
Share on other sites

Quick question:

Do any of you still support IE7? I don't even plan to support IE8 after the end of this year — without a supplemental agreement.

Unfortunately, yes.  I don't like it but some of the folks we work with won't/can't make such simple decisions without at least 10 of their higher-ups agreeing on it first.  Oh the joy...

Share this post


Link to post
Share on other sites

Quick question:

Do any of you still support IE7? I don't even plan to support IE8 after the end of this year — without a supplemental agreement.

You tend to run into these requirements with government sector/healthcare etc because they are often tied into legacy applications that they have spent tend/hundreds of thousands on and can't justify upgrading. Seriously, that's the reason most of the time, sad as it sounds.

The problem is that whilst they would often be better off using newer technologies in a lot of cases and getting rid of some of the legacy systems, but whilst the money is from taxpayers they're stuck really. If you saw in the news that a database cost tens/hundreds of thousands that's all you generally focus on - it's hard to sell the benefits of a newer system for performance gains because newspapers tend to focus on the negatives.

That's just been my experience anyway having worked "on the inside" in the past :)

  • Like 1

Share this post


Link to post
Share on other sites

IE8 in compatibility mode uses the ie7 engine. I still need to support that from time to time... But as Support for XP is dropped, brighter skies are on the horizon.

  • Like 1

Share this post


Link to post
Share on other sites

Do any of you still support IE7? I don't even plan to support IE8 after the end of this year — without a supplemental agreement.

Yes. One of my company's healthcare products has users on IE6 and IE7 (those account for about 12% and 25% of traffic respectively the last time I checked). There are other users on other browsers too, but we do have to support them all.

In our case it's not particularly government or local authorities either - it is the remote desktop systems supported and maintained by private IT companies.

For public-facing websites though, we would typically support IE8 upwards, and try to make it look half-decent in IE7 if it's not going to take too much effort.

Share this post


Link to post
Share on other sites
Quick question:

Do any of you still support IE7? I don't even plan to support IE8 after the end of this year — without a supplemental agreement.

I do, but have a disclaimer that I can't guarantee for full functionality - in particular if the site is responsive. I need to support it because of my healthcare clients - as others have already pointed out.

Share this post


Link to post
Share on other sites

Hi all,

finally I just released a major update to my Unsemantic Site Profile. Here are the most important features:

  • runs on Processwire 2.5.3
  • delegate template approach
  • includes Superfish dropdown menu (requires markup simple navigation module)
  • preconfigured Google Maps implementation
  • includes simple accordion textformatter Module

The profile is meant as a starting point for RWD on Processwire. Glad if you find it useful. You can see a preview here.

Question: Does somebody know how to update the entry in the modules directory?

EDIT: comments, suggestions etc. welcome

  • Like 6

Share this post


Link to post
Share on other sites
Question: Does somebody know how to update the entry in the modules directory?

You can click "Edit this Module" and then save it again and it will update version number, readme text etc.

You can also wait about 24 hours and it will update automatically.

  • Like 3

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By rafaoski
      This profile can be used as a simple business card or blog.
      The profile does not use any framework css structure, only styles based on CSS GRID and FLEX.
      To minimize page loading, I added lazy load for images ( Tupola Lazy Load ).
      With include functions like:
      MarkupRegions
      FunctionsAPI
      CAN DOWNLOAD FROM THIS LINK:
      https://github.com/rafaoski/site-grayscale-pw
      https://github.com/rafaoski/site-min-grayscale-pw
      Screenshot:

       
    • By rafaoski
      This profile can be used as a business card or very simple blog.
      Requires the latest version processwire 3.0.101 !!!
      Milligram Site Profile For Processwire 3x with include functions like:
      MarkupRegions
      FunctionsAPI
      wireIncludeFile | wireRenderFile
      Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex
       
      Live Example
      CAN DOWNLOAD FROM THIS LINK ( Basic Version and simple Blog Version )
      https://github.com/rafaoski/site-milligram
      https://github.com/rafaoski/site-milligram-blog
      Screenshot:

      If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
      Basic example to Debian and Ubuntu based Linux distributions:
      Node.js
      curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs
      See more installation options LINK
      npm is installed with Node.js just check in linux terminal like below:
      node -v
      npm -v
      Set BrowserSync inside folder /templates/webpack.mix.js and change your dev url
      proxy: 'http://localhost/mix/', to your installation processwire folder like:
      proxy: 'http://localhost/your-processwire-installation-folder/',
      Next install npm packages in your templates folder with command npm install
      Now, boot up the dev server npm run watch, and you're all set go!
      On completion, use the command npm run production to build styles and scripts in the dist folder
      Simple Usage ( Basic Command )
      Run npm install Watch npm run watch Build npm run production All files to Webpack build steps is inside file ( webpack.mix.js )
      Folder With all SCSS files is inside templates/src/scss
      All build styles and scripts is inside the ( dist ) folder
      References:
      Milligram
      Gridlex
      Laravel Mix
      Feather Icons
      Web Font Loader
      Verlok Lazy Load
      Cookie Consent
      Particles.js
       
       
       
       
    • By MateThemes
      Hello everyone!
      I use Ryan's site profile blog for my new website. Everything works great, but i am not able to change the url of the blog categories. Currently the url is root_url/categories. My client wants the url root_url/news/categories. 
      If change the url in the tab url from /categories to news/categories Processwire change it to news-categories!
      How can I change that or can I change it in the php file too?
      Thanks for your help for a beginner!
    • By louisstephens
      From my last post, I was given a good idea on how to count the repeater items, and it worked wonderfully. I got my code working well and the columns (based on the count) all work well as well. Now, I have a head scratcher on my hands. 
      <?php $buttonsIncluded = $page->special_custom_buttons->find('special_custom_buttons_include=1'); $buttonsIncludedCount = count($buttonsIncluded); $buttonsIncludedCountAdditional = $buttonsIncludedCount +1; echo $buttonsIncludedCount; ?> <div class="row"> <?php foreach($buttonsIncluded as $button): ?> <?php if($button->custom_buttons_include): ?> <?php if($buttonsIncludedCountAdditional == 2): ?> <div class="col-6"> <a href=""><?php echo $button->custom_buttons_text; ?></a> </div> <?php elseif($buttonsIncludedCountAdditional == 3): ?> <div class="col-4"> <a href=""><?php echo $button->custom_buttons_text; ?></a> </div> <?php elseif($buttonsIncludedCountAdditional == 4): ?> <div class="col-3"> <a href=""><?php echo $button->custom_buttons_text; ?></a> </div> <?php endif; ?> <?php endif; ?> <?php endforeach; ?> </div> All of this is included in a larger foreach statement that is pulling in other data (like body copy etc etc) from a Page Table field. As you can see in my code above, I am adding "1" to the count, so I can have space in the grid layout for a new button.
      So, right now: it looks something like: 
      [repeater button] [repeater button] [repeater button] [space for new button] What I really need to do is to pull in the button from the Page Table and add it into the new space so it looks like:
      [repeater button] [repeater button] [repeater button] [button from Page Table] Is this even possible todo, or is there a better way to go about this? 
       
      *Edit*
      So, I really just overlooked something quite easy here. Since the grid is based on 12 columns, I could just take 12 and divide by $buttonsIncludedCountAdditional which would give me the remaining col width to use outside the foreach loop. I was trying to make this too complicated.
    • By Marcel
      Hey all,
      I want to customize the mywebsite/processwire/profile page. It's almost all good but I want to get rid of the sections 'Admin Theme' and 'Language' so that the user can just set a new password. (see image)
      Do I have to modify the admin template or how can I do that? Because when I go tree>Admin>Profile there are no fields to add or remove.
      Or where can I find the php file?
      I would appreciate your help.

×
×
  • Create New...