AniDB:CSS DEV: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
{{TOCright}}
{{TOCright}}


This pages content is centered around CSS developement via Anidb's SVN. The goals of the SVN are:
This pages content is centered around CSS development via Anidb's [http://en.wikipedia.org/wiki/Subversion_(software) SVN]. The goals of the SVN are:
# keeping track of all css
# Keeping track of all CSS styles.
# version control for developers
# Version control for developers.
# automatical upload procedure to one of anidbs server
# Automatical upload procedure to one of anidbs server.
# automatical update of the drop down menu in the [[profile]]
# Automatical update of the drop down menu in the [[profile]].


=open issues=
=Open issues=
#screenshot filename and resolution
# Screenshot filename and resolution
#format and name of the descriptionfile (xml?)
# Format and name of the descriptionfile (xml?)
#stuff
# Stuff


==Connecting to SVN==
==Connecting to SVN==
First thing you need a client. You can of course use any svn client you want, but we recomment [http://tortoisesvn.tigris.org/ Tortoise SVN] for windows user as it nicely integrates into Explorer and makes it, as such, very easy to use. After that you specify a dir on your hdd where you want to put the files and checkout the current CVS version.
First thing you need is a client. You can of course use any svn client you want, but we recomment [http://tortoisesvn.tigris.org/ Tortoise SVN] for windows user as it nicely integrates into Explorer and makes it, as such, very easy to use. After that you specify a dir on your hdd where you want to put the files and checkout the current CVS version.
 
If you don't like integration you could use [http://www.syntevo.com/smartsvn/ SmartSVN].


For Mac users we recommend [http://rapidsvn.tigris.org/ RapidSVN]. RapidSVN does not integrate with the Mac Finder as much as Tortoise does with Explorer. Instead it is a standalone app that you use to browse the files on the SVN server (Repository) as well as your local files (Working Copy).
For Mac users we recommend [http://rapidsvn.tigris.org/ RapidSVN]. RapidSVN does not integrate with the Mac Finder as much as Tortoise does with Explorer. Instead it is a standalone app that you use to browse the files on the SVN server (Repository) as well as your local files (Working Copy).


By SVN Client: svn://dev.anidb.info/svn/trunk<br/>
By SVN Client: svn://dev.anidb.info/svn/trunk<br/>
For write access contact an AniDB Mod.
For write access contact an [[User:Mods|AniDB Mod]].


If you have further questions feel free to ask in #anidb-dev or #anidb @irc.zirc.org or pm a mod.
If you have further questions feel free to ask in #anidb-dev or #anidb @irc.zirc.org or pm a mod.
Line 43: Line 45:


==Adding a new project==
==Adding a new project==
There are a few things that needs to get done when adding a new project.
There are a few things that needs to get done when adding a new project:
:1. add a new dir for your project in the css folder (/trunk/css/<your project>)
# Add a new dir for your project in the css folder (<tt>/trunk/css/{your_style}</tt>)
:2. name the dir as you want to call your style ('''NO SPACES!''')
# Name the dir whatever you want, but '''NO SPACES!'''.
:3. if you are using images different from the anidb ones add a /images/ dir below your project (i.e. /trunk/css/<your project>/images)
# If you are using images different from the anidb ones add a <tt>/images/</tt> dir below your project (i.e. <tt>/trunk/css/{your_style}/images</tt>)
::* you may use subfolders below that one if you want)
#* You may use subfolders below that one if you want.
:4. add a screenshot of your style in the images folder with the following specifications: (filename: screenshot.<ext> and resolution:)
# Add a screenshot of your style in the images folder with the following specifications:
:5. add a description file in the root of your project, add the following lines and fill them accordingly as you see fit:
#* Filename: screenshot.{ext}
::*Title:  
#* Resolution: ?
::*Creator:  
# Add a description file in the root of your project, add the following lines and fill them accordingly as you see fit:
::*Last update:  
#* Title:
::*Status:  
#* Creator:  
::*further notes:  
#* Last update:  
 
#* Status:  
in the end you should end up with a structure like this:
#* Further notes:  
 
# (optional) For autoprocessing edit the '''styleslist''' file and add a relative path for the main css file (the one with all your <tt>@import</tt> lines, i.e. <tt>./sub/silver/main.css</tt>)
:/trunk/css/<your project>
#* You can disable processing by adding a # in front of the line.
:/trunk/css/<your project>/description
:/trunk/css/<your project>/images
:/trunk/css/<your project>/images/screenshot.png


Optional:
In the end you should end up with a structure like this:
:6. for autoprocessing edit the '''styleslist''' file and add a relative path for the main css file (the one with all your ''@import'' lines, i.e. ./sub/silver/main.css)
  /trunk/css/<your project>
::* you can stop processing by adding a # in front of the line)
  /trunk/css/<your project>/description
  /trunk/css/<your project>/images
  /trunk/css/<your project>/images/screenshot.png


==Merging&Hosting==
==Merging & Hosting==
Every css that is used this way gets merged into 1 file (to reduce http overhead), uploaded to 1 of anidb's server and added to the dropdown menu in the anidb [[profile]]. To realize this a python script is used, doing the following:
Every css that is used this way gets merged into 1 file (to reduce http overhead), uploaded to 1 of anidb's server and added to the dropdown menu in the anidb [[profile]]. To realize this a python script is used, doing the following:


546

edits

MediaWiki spam blocked by CleanTalk.
MediaWiki spam blocked by CleanTalk.