|
 |
4c79b5 |
|
|
|
4c79b5 |
<html>
|
|
|
ccb7a3 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Permission is granted to copy, distribute and/or modify this document
|
|
|
4c79b5 |
under the terms of the GNU Free Documentation License, Version 1.2 or
|
|
|
4c79b5 |
any later version published by the Free Software Foundation; with no
|
|
|
4c79b5 |
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
|
|
|
4c79b5 |
copy of the license is included in the section entitled GNU Free
|
|
|
4c79b5 |
Documentation License.
|
|
|
4c79b5 |
-->
|
|
|
bf28e1 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
|
|
|
4c79b5 |
Karl Berry <karl@freefriends.org>
|
|
|
4c79b5 |
Olaf Bachmann <obachman@mathematik.uni-kl.de>
|
|
|
4c79b5 |
and many others.
|
|
|
4c79b5 |
Maintained by: Many creative people <dev@texi2html.cvshome.org>
|
|
|
4c79b5 |
Send bugs and suggestions to <users@texi2html.cvshome.org>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
-->
|
|
|
4c79b5 |
<head>
|
|
|
42563b |
<title>CentOS Artwork Repository: 3.12 trunk/Identity/Models/Tpl/Promo/Web</title>
|
|
|
4c79b5 |
|
|
|
42563b |
<meta name="description" content="CentOS Artwork Repository: 3.12 trunk/Identity/Models/Tpl/Promo/Web">
|
|
|
42563b |
<meta name="keywords" content="CentOS Artwork Repository: 3.12 trunk/Identity/Models/Tpl/Promo/Web">
|
|
|
4c79b5 |
<meta name="resource-type" content="document">
|
|
|
4c79b5 |
<meta name="distribution" content="global">
|
|
|
4c79b5 |
<meta name="Generator" content="texi2html 1.76">
|
|
|
4c79b5 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
4c79b5 |
<style type="text/css">
|
|
|
4c79b5 |
|
|
|
1e9202 |
@import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css";
|
|
|
4c79b5 |
|
|
|
4c79b5 |
a.summary-letter {text-decoration: none}
|
|
|
4c79b5 |
pre.display {font-family: serif}
|
|
|
4c79b5 |
pre.format {font-family: serif}
|
|
|
4c79b5 |
pre.menu-comment {font-family: serif}
|
|
|
4c79b5 |
pre.menu-preformatted {font-family: serif}
|
|
|
4c79b5 |
pre.smalldisplay {font-family: serif; font-size: smaller}
|
|
|
4c79b5 |
pre.smallexample {font-size: smaller}
|
|
|
4c79b5 |
pre.smallformat {font-family: serif; font-size: smaller}
|
|
|
4c79b5 |
pre.smalllisp {font-size: smaller}
|
|
|
4c79b5 |
span.sansserif {font-family:sans-serif; font-weight:normal;}
|
|
|
4c79b5 |
ul.toc {list-style: none}
|
|
|
4c79b5 |
-->
|
|
|
4c79b5 |
</style>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</head>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
42563b |
[ < ]
|
|
|
42563b |
[ > ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
[ << ]
|
|
|
4c79b5 |
[ Up ]
|
|
|
42563b |
[ >> ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
[Top]
|
|
|
4c79b5 |
[Contents]
|
|
|
42563b |
[Index]
|
|
|
4c79b5 |
[ ? ]
|
|
|
4c79b5 |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12 trunk/Identity/Models/Tpl/Promo/Web
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
42563b |
|
|
|
4c79b5 |
3.12.1 Goals
|
|
|
4c79b5 |
|
|
|
42563b |
Organize scalable vector graphics (svg) to help describe the CentOS
|
|
|
42563b |
web environment.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2 The CentOS web environment
|
|
|
42563b |
|
|
|
42563b |
Inside CentOS corporate identity, the CentOS web environment is
|
|
|
42563b |
considered a promotion component. The CentOS web environment is formed
|
|
|
42563b |
by a central web application --to cover base needs (e.g., per-major
|
|
|
42563b |
release information like release notes, lifetime, downloads,
|
|
|
42563b |
documentation, support, security advisories, bugs, etc.)-- and many
|
|
|
42563b |
different free web applications --to cover specific needs (e.g.,
|
|
|
42563b |
wiki, mailing lists, etc.)--.
|
|
|
42563b |
|
|
|
42563b |
The CentOS web environment is addressed to solve the following issues:
|
|
|
42563b |
|
|
|
4c79b5 |
|
|
|
42563b |
One unique name and one unique visual style to all web
|
|
|
42563b |
applications used inside the web environment.
|
|
|
42563b |
|
|
|
42563b |
One-step navigation to web applications inside the environment.
|
|
|
42563b |
|
|
|
42563b |
High degree of customization to change the visual style of all
|
|
|
42563b |
web applications with few changes (e.g, updating just two or three
|
|
|
42563b |
images plus common style sheet [CSS] definitions).
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
42563b |
The CentOS project is attached to a monolithic corporate visual
|
|
|
42563b |
identity (see section trunk/Identity), where all visual manifestations
|
|
|
42563b |
have one unique name and one unique visual style. This way, the CentOS
|
|
|
42563b |
web environment has one unique name (the CentOS brand) and one unique
|
|
|
42563b |
visual style (the CentOS default theme) for all its visual
|
|
|
42563b |
manifestations, the web applications in this case.
|
|
|
42563b |
|
|
|
42563b |
Since a maintainance point of view, achiving the one unique visual
|
|
|
42563b |
style inside CentOS web environment is not a simple task. The CentOS
|
|
|
42563b |
web environment is built upon many different web applications which
|
|
|
42563b |
have different visual styles and different internal ways to customize
|
|
|
42563b |
their own visual styles. For example: MoinMoin, the web application
|
|
|
42563b |
used to support the CentOS wiki (http://wiki.centos.org/) is
|
|
|
42563b |
highly customizable but Mailman (in its 2.x.x serie), the web
|
|
|
42563b |
application used to support the CentOS mailing list, doesn't
|
|
|
42563b |
support(1) a customization system that separates
|
|
|
42563b |
presentation from logic, similar to that used by MoinMoin.
|
|
|
42563b |
|
|
|
42563b |
This visual style diversity complicates our goal of one unique visual
|
|
|
42563b |
style for all web applications. So, if we want one unique visual style
|
|
|
42563b |
for all web applications used, it is innevitable to modify the web
|
|
|
42563b |
applications in order to implement the CentOS one unique visual style
|
|
|
42563b |
customization in them. Direct modification of upstream applications is
|
|
|
42563b |
not convenient because upstream applications come with their one
|
|
|
42563b |
visual style and administrators take the risk of loosing all
|
|
|
42563b |
customization changes the next time the application be updated (since
|
|
|
42563b |
not all upstream web applications, used in CentOS web environment,
|
|
|
42563b |
separate presentation from logic).
|
|
|
42563b |
|
|
|
42563b |
To solve the "one unique visual style" issue, installation and
|
|
|
42563b |
actualization of web applications --used inside CentOS web
|
|
|
42563b |
environment-- need to be independent from upstream web applications
|
|
|
42563b |
development line; in a way that CentOS web environment administrators
|
|
|
42563b |
can install and update web applications freely without risk of loosing
|
|
|
42563b |
the one unique visual style customization changes.
|
|
|
42563b |
|
|
|
42563b |
At the surface of this issue we can see the need of one specific yum
|
|
|
42563b |
repository to store CentOS web environment customized web applications.
|
|
|
42563b |
|
|
|
6a8116 |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.1 Design model (without ads)
|
|
|
c12cdc |
|
|
|
6a8116 |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.2 Design model (with ads)
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.3 HTML definitions
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.4 Controlling visual style
|
|
|
42563b |
|
|
|
42563b |
Inside CentOS web environment, the visual style is controlled by the
|
|
|
42563b |
following compenents:
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Webenv header background
|
|
|
42563b |
trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Img/1024x250.png
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
CSS definitions
|
|
|
42563b |
trunk/Identity/Themes/Models/Default/Promo/Web/CSS/stylesheet.css
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.5 Producing visual style
|
|
|
42563b |
|
|
|
42563b |
The visual style of CentOS web environment is defined in the following
|
|
|
42563b |
files:
|
|
|
42563b |
|
|
|
42563b |
trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Xcf/1024x250.xcf
|
|
|
42563b |
trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Img/1024x250.png
|
|
|
42563b |
trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Img/1024x250-bg.png
|
|
|
42563b |
trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Tpl/1024x250.svg
|
|
|
42563b |
|
|
|
42563b |
As graphic designer you use <tt>`1024x250.xcf'</tt> file to produce
|
|
|
42563b |
<tt>`1024x250-bg.png'</tt> file. Later, inside <tt>`1024x250.svg'</tt> file,
|
|
|
42563b |
you use the <tt>`1024x250-bg.png'</tt> file as background layer to draw
|
|
|
42563b |
your vectorial design. When you consider you artwork ready, use the
|
|
|
42563b |
centos-art.sh script, as described below, to produce the
|
|
|
42563b |
visual style controller images of CentOS web environment.
|
|
|
42563b |
|
|
|
42563b |
centos-art render --entry=trunk/Identity/Themes/Motifs/$THEME/Backgrounds --filter='1024x250'
|
|
|
42563b |
|
|
|
42563b |
Once you have rendered required image files, changing the visual style
|
|
|
42563b |
of CentOS web environment is a matter of replacing old image files
|
|
|
42563b |
with new ones, inside webenv repository file system structure. The
|
|
|
42563b |
visual style changes will take effect the next time customization line
|
|
|
42563b |
of CentOS web applications be packaged, uploded, and installed from
|
|
|
42563b |
[webenv] or [webenv-test] repositories.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.6 Navigation
|
|
|
42563b |
|
|
|
42563b |
Inside CentOS web environment, the one-step navegation between web
|
|
|
42563b |
applications is addressed using the web environment navigation bar.
|
|
|
42563b |
The web environment navigation bar contains links to main applications
|
|
|
42563b |
and is always visible no matter where you are inside the web
|
|
|
42563b |
environment.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.7 Development and release cycle
|
|
|
42563b |
|
|
|
42563b |
The CentOS web environment development and relase cycle is described
|
|
|
42563b |
below:
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Download
|
|
|
42563b |
|
|
|
42563b |
The first action is download the source code of web applications we
|
|
|
42563b |
want to use inside CentOS web environment.
|
|
|
42563b |
|
|
|
42563b |
 Important The source location from which web application are
|
|
|
42563b |
downloaded is very important. Use SRPMs from CentOS [base]
|
|
|
42563b |
and [updates] repositories as first choise, and third party
|
|
|
42563b |
repositories (e.g. RPMForge, EPEL, etc.) as last resource.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Prepare
|
|
|
42563b |
|
|
|
42563b |
Once web application source code has been downloaded, our duty is
|
|
|
42563b |
organize its files inside <samp>`webenv'</samp> version controlled repository.
|
|
|
42563b |
|
|
|
42563b |
When preparing the structure keep in mind that different web
|
|
|
42563b |
applications have different visual styles, and also different ways to
|
|
|
42563b |
implement it. A convenient way to organize the file system structure
|
|
|
42563b |
would be create one development line for each web application we use
|
|
|
42563b |
inside CentOS web environment. For example, consider the following
|
|
|
42563b |
file system structure:
|
|
|
42563b |
|
|
|
42563b |
https://projects.centos.org/svn/webenv/trunk/
|
|
|
42563b |
|-- WebApp1/
|
|
|
42563b |
| |-- Sources/
|
|
|
42563b |
| | `-- webapp1-0.0.1/
|
|
|
42563b |
| |-- Rpms/
|
|
|
42563b |
| | `-- webapp1-0.0.1.rpm
|
|
|
42563b |
| |-- Srpms/
|
|
|
42563b |
| | `-- webapp1-0.0.1.srpm
|
|
|
42563b |
| `-- Specs/
|
|
|
42563b |
| `-- webapp1-0.0.1.spec
|
|
|
42563b |
|-- WebApp2/
|
|
|
42563b |
`-- WebAppN/
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Customize
|
|
|
42563b |
|
|
|
42563b |
Once web applications have been organized inside the version
|
|
|
42563b |
controlled repository file system, use subversion to create the CentOS
|
|
|
42563b |
customization development line of web applications source code. For
|
|
|
42563b |
example, using the above file system structure, you can create the
|
|
|
42563b |
customization development line of <tt>`webapp1-0.0.1/'</tt> with the
|
|
|
42563b |
following command:
|
|
|
42563b |
|
|
|
42563b |
svn cp trunk/WebApp1/Sources/webapp1-0.0.1 trunk/WebApp1/Sources/webapp1-0.0.1-webenv
|
|
|
42563b |
|
|
|
42563b |
The command above creates the following structure:
|
|
|
42563b |
|
|
|
42563b |
https://projects.centos.org/svn/webenv/trunk/
|
|
|
42563b |
|-- WebApp1/
|
|
|
42563b |
| |-- Sources/
|
|
|
42563b |
| | |-- webapp1-0.0.1/
|
|
|
42563b |
| | `-- webapp1-0.0.1-webenv/
|
|
|
42563b |
| |-- Rpms/
|
|
|
42563b |
| | `-- webapp1-0.0.1.rpm
|
|
|
42563b |
| |-- Srpms/
|
|
|
42563b |
| | `-- webapp1-0.0.1.srpm
|
|
|
42563b |
| `-- Specs/
|
|
|
42563b |
| `-- webapp1-0.0.1.spec
|
|
|
42563b |
|-- WebApp2/
|
|
|
42563b |
`-- WebAppN/
|
|
|
42563b |
|
|
|
42563b |
In the above structure, the <tt>`webapp1-0.0.1-webenv/'</tt> directory is
|
|
|
42563b |
the place where you customize the visual style of
|
|
|
42563b |
<tt>`webapp1-0.0.1/'</tt> web application.
|
|
|
42563b |
|
|
|
42563b |
 Tip Use the diff command of Subversion between
|
|
|
42563b |
CentOS customization and upstream development lines to know what you
|
|
|
42563b |
are changing exactly.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Build packages
|
|
|
42563b |
|
|
|
42563b |
When web application has been customized, build the web application
|
|
|
42563b |
RPM and SRPM using the source location with <samp>`-webenv'</samp> prefix.
|
|
|
42563b |
|
|
|
42563b |
https://projects.centos.org/svn/webenv/trunk/
|
|
|
42563b |
|-- WebApp1/
|
|
|
42563b |
| |-- Sources/
|
|
|
42563b |
| | |-- webapp1-0.0.1/
|
|
|
42563b |
| | `-- webapp1-0.0.1-webenv/
|
|
|
42563b |
| |-- Rpms/
|
|
|
42563b |
| | |-- webapp1-0.0.1.rpm
|
|
|
42563b |
| | `-- webapp1-0.0.1-webenv.rpm
|
|
|
42563b |
| |-- Srpms/
|
|
|
42563b |
| | |-- webapp1-0.0.1.srpm
|
|
|
42563b |
| | `-- webapp1-0.0.1-webenv.srpm
|
|
|
42563b |
| `-- Specs/
|
|
|
42563b |
| |-- webapp1-0.0.1.spec
|
|
|
42563b |
| `-- webapp1-0.0.1-webenv.spec
|
|
|
42563b |
|-- WebApp2/
|
|
|
42563b |
`-- WebAppN/
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Release for testing
|
|
|
42563b |
|
|
|
42563b |
When the customized web application has been packaged, make packages
|
|
|
42563b |
available for testing and quality assurance. This can be achives using
|
|
|
42563b |
a [webenv-test] yum repository.
|
|
|
42563b |
|
|
|
42563b |
 Note The [webenv-test] repository is not shipped inside
|
|
|
42563b |
CentOS distribution default yum configuraiton. In order to use
|
|
|
42563b |
[webenv-test] repository you need to configure it first.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
If some problem is found to install/update/use the customized version
|
|
|
42563b |
of web application, the problem is notified somewhere (a bugtracker
|
|
|
42563b |
maybe) and the customization face is repated in order to fix the
|
|
|
42563b |
problem. To release the new package add a number after <samp>`-webenv'</samp>
|
|
|
42563b |
prefix. For example, if some problem is found in
|
|
|
42563b |
<tt>`webapp1-0.0.1-webenv.rpm'</tt>, when it be fixed the new package will
|
|
|
42563b |
be named <tt>`webapp1-0.0.1-webenv-1.rpm'</tt>. If a problem is found in
|
|
|
42563b |
<tt>`webapp1-0.0.1-webenv-1.rpm'</tt>, when it be fixed the new package
|
|
|
42563b |
will be named <tt>`webapp1-0.0.1-webenv-2.rpm'</tt>, and so on.
|
|
|
42563b |
|
|
|
42563b |
The "customization -- release for testing" process is repeated
|
|
|
42563b |
until CentOS quality assurance team considers the package is ready for
|
|
|
42563b |
production.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Release for production
|
|
|
42563b |
|
|
|
42563b |
When customized web application packages are considered ready for
|
|
|
42563b |
production they are moved from [webenv-test] to [webenv] repository.
|
|
|
42563b |
This action is commited by CentOS quality assurance team.
|
|
|
42563b |
|
|
|
42563b |
Note The [webenv] repository is not shipped inside CentOS
|
|
|
42563b |
distribution default yum configuraiton. In order to use [webenv]
|
|
|
42563b |
repository you need to configure it first.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.8 The [webenv-test] repository
|
|
|
42563b |
|
|
|
42563b |
/etc/yum.repos.d/CentOS-Webenv-test.repo
|
|
|
42563b |
|
|
|
42563b |
[webenv-test]
|
|
|
42563b |
name=CentOS-$releasever - Webenv-test
|
|
|
42563b |
mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=webenv-test
|
|
|
42563b |
#baseurl=http://mirror.centos.org/centos/$releasever/webenv-test/$basearch/
|
|
|
42563b |
gpgcheck=1
|
|
|
42563b |
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-$releasever
|
|
|
42563b |
enabled=1
|
|
|
42563b |
priority=10
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.9 The [webenv] repository
|
|
|
42563b |
|
|
|
42563b |
/etc/yum.repos.d/CentOS-Webenv.repo
|
|
|
42563b |
|
|
|
42563b |
[webenv]
|
|
|
42563b |
name=CentOS-$releasever - Webenv
|
|
|
42563b |
mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=webenv
|
|
|
42563b |
#baseurl=http://mirror.centos.org/centos/$releasever/webenv/$basearch/
|
|
|
42563b |
gpgcheck=1
|
|
|
42563b |
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-$releasever
|
|
|
42563b |
enabled=1
|
|
|
42563b |
priority=10
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.12.2.10 Priority configuration
|
|
|
42563b |
|
|
|
42563b |
Both [webenv] and [webenv-test] repositories update packages inside
|
|
|
42563b |
CentOS [base] and CentOS [updates] repositories.
|
|
|
42563b |
|
|
|
7e35dc |
|
|
|
2c3589 |
|
|
|
4c79b5 |
3.12.3 Usage
|
|
|
4c79b5 |
|
|
|
bc3531 |
|
|
|
bc3531 |
...
|
|
|
bc3531 |
|
|
|
bc3531 |
|
|
|
4c79b5 |
|
|
|
2c3589 |
|
|
|
4c79b5 |
3.12.4 See also
|
|
|
4c79b5 |
|
|
|
42563b |
|
|
|
42563b |
3.10 trunk/Identity/Models/Img/Promo/Web
|
|
|
42563b |
|
|
|
42563b |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
2c3589 |
[ < ]
|
|
|
2c3589 |
[ > ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
[ << ]
|
|
|
42563b |
[ Up ]
|
|
|
42563b |
[ >> ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<font size="-1">
|
|
|
bf28e1 |
This document was generated on February, 27 2011 using texi2html 1.76.
|
|
|
4c79b5 |
</font>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</body>
|
|
|
4c79b5 |
</html>
|