Websites

From apertus wiki
Revision as of 00:07, 11 February 2013 by Sebastian (talk | contribs) (→‎Todo)
Jump to: navigation, search

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