Difference between revisions of "Websites"

From apertus wiki
Jump to: navigation, search
Line 57: Line 57:


* clicking on top menu links that have children closes the dropdown menu - will likely mean navigation does not work on mobile devices
* clicking on top menu links that have children closes the dropdown menu - will likely mean navigation does not work on mobile devices
* should the huge image really be shown at the beginning of each project page?

Revision as of 00:09, 11 February 2013

1 Drupal

This is about the new Apertus website, located at http://dev.apertus.org.

Its still in developmet but once finished will replace the current main website which will be archived (but stay online in a rea-only mode)

Drupal 7 install, with the twitter bootstrap theme.

1.1 Theming

There is a subtheme, called "apertus_bootstrap" which is in use now.

In this theme there is an apertus.css file.

Please try to respect the structure of this file:

  • google fonts imports (they must be the first items in this file, don't ask me why)
  • general typography
  • general page modifications
  • nodes
  • fields
  • views
  • ui

It makes it easier to find your way. General rule: as little css as possible, only override what is needed. Ask for help, make backups.

1.1.1 markitup editor

This wysiwyg editor is the perfect mix of the normal text editor for programmers and the colorful GUI of a real WYSIWYG editor that does not produce terribly bloated HTML.

1.1.1.1 CSS Theme Preview
/sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.

This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1 like the following:

<div style="border:1px solid #BBB; padding:10px; width:879px;">
	<div id="content">
		<div class="content">
			<div class="node">
				<!-- content -->
			</div>
		</div>
	</div>
 </div>


The preview window size can be adapted to the size of the actual page container in

/sites/all/libraries/markitup/markitup/skins/simple/style.css

1.2 Todo

  • add number of comments eg. "13 comments" to each item in blog and news view after teaser text (maybe with small speech bubble icon)
  • prepare site for going multi-language
  • clicking on top menu links that have children closes the dropdown menu - will likely mean navigation does not work on mobile devices
  • should the huge image really be shown at the beginning of each project page?