Shop Mobile More Submit  Join Login
NOTE: Rules have changed and only a mockup is now required, and the contest dealine has been extended to October 31, 2005.

Hey there fellow Inkscapers!

Many of us have seen Inkscape evolve from back in the days of Sodi Podi into the powerful program that we currently know it as. Unfortunately the website has not quite followed along at the same pace. ;) Which brings us to the next official inkscapers contest, a makeover for the website!

The developers decided that we need to make the contest a little more open and give people more time. We're now only requiring mockups for the website, done in Inkscape, no actual "code".

Basics:
:bulletgreen:The goal is to show off what inkscape can do when put to use in the area of Web Design.
:bulletgreen:Upload a mockup image of your submission to your gallery or scraps on DeviantART and post a link below.

Rules:
:bulletred:Any images that you create for it need to be done 100% in Inkscape. We will require any original SVG files to use in case something needs to be tweaked down the road, and also to allow us to potentially serve up SVGs for the browsers that support it.
:bulletred:It must be a very clean and professional design, we would also prefer to not have the design be a fixed width (so please take scalability into account).
:bulletred:It must include the Inkscape logo and motto in the site header.
:bulletred:Any submissions using copyrighted materials (unless appropriately licensed for our use) or offensive/inappropriate content will automatically be disqualified.
:bulletred:Have fun!

Deadline:
September 25, 2005 - October 31, 2005

Prize:
Having your design be our new look and feel for the website... and of course credit for your work.

Judging:
Preliminary judging will be done by the Inkscape community on DeviantART, when we have an official "Top 3", the judging will then be turned over to the inkscape developers for final judging. Please note that when it is turned over to the developers for voting, once they have chosen the winner, they may have requests for modifications.

Relevant links:
:bulletblue:Inkscape Website – www.inkscape.org/ (where you can go to reference the current site)
:bulletblue:Inkscape downloads page – www.inkscape.org/download.php

Submissions:
Please upload an image of your submission to your gallery or scraps on DeviantART and post a link below.

Good luck to all who enter!
  • Mood: On Strike
Add a Comment:
 
:icondaj:
daj Featured By Owner Oct 7, 2005
here's something I put together: [link]
Reply
:iconafonit:
afonit Featured By Owner Oct 19, 2005
just amazing. and fresh.
Reply
:icongri3fon:
gri3fon Featured By Owner Oct 4, 2005   Interface Designer
i cant help it, i made a 2nd layout at [link]
well, the convert version i a lil bit different. and there's a css probs with the navigation tabs on ie but i dont care.
Reply
:iconraeth:
raeth Featured By Owner Sep 28, 2005
What is the motto, and where is the SVG for the logo?
Reply
:iconanarres:
Anarres Featured By Owner Sep 30, 2005
The motto is "Draw Freely.", mind the capitalization and the period. It is usually displayed in Pushkin's handwritting, though I believe it is not a strict requirement. The logo can be found in the "clipart" directory of your Inkscape installation (if you are using GNU/Linux, it mist likely is: /usr/share/inkscape/clipart ).

You can see the general outlines on Inkscape's branding here: [link]

Good luck.
Reply
:iconraeth:
raeth Featured By Owner Sep 30, 2005
Ta, I've been looking for that logo.
Reply
:iconanarres:
Anarres Featured By Owner Sep 30, 2005
íPut it to good use! :)

And thanks for the favourite.
Reply
:iconraeth:
raeth Featured By Owner Sep 28, 2005
I'll have a go.
Reply
:iconsciboy:
sciboy Featured By Owner Sep 27, 2005
Good luck everyone. =D

Oh and if theres a lack of inspiration, maybe a quick visit to [link] may help? =)
Reply
:icongri3fon:
gri3fon Featured By Owner Sep 12, 2005   Interface Designer
finally, i've convert the layout into at [link]
- dug out the drop menu at [link]
- still having prob with the spacer under the heading (effy ie) yet the hack is killing me :faint:
Reply
:iconanarres:
Anarres Featured By Owner Sep 11, 2005
I should probably make a formal submission, too, just in case.
So, here: [link]
Reply
:iconhrum:
hrum Featured By Owner Sep 2, 2005  Hobbyist Digital Artist
Reply
:iconafonit:
afonit Featured By Owner Sep 8, 2005
a nice structure, similar to gri3fon's, I like how you both have framed it.
Reply
:icongri3fon:
gri3fon Featured By Owner Aug 28, 2005   Interface Designer
my 1st preview image [link]
Reply
:iconafonit:
afonit Featured By Owner Sep 8, 2005
I like this alot
Reply
:iconscislac:
ScislaC Featured By Owner Aug 31, 2005  Professional Digital Artist
looking nice
Reply
:iconanarres:
Anarres Featured By Owner Aug 28, 2005
Alright, even more doubts:

I've created all the graphism with Inkscape, and a page using the graphics directly exported from it will look perfect in W3C standard-compliant browsers. But:

1. Internet Explorer doesn't handle well PNG transparency. The solution is to convert the PNG to GIF.

2. Inkscape can't produce indexed images (with, say, 16 colours instead of the full RGB spectrum), which are way lighter in the bandwidth.

So. I have a problem here... Should I renounce to transparencies completely? (the indexed images are just a matter of optimizing background) Or does a PNG converted to GIF qualify as "100% inkscape-made"?
Reply
:iconscislac:
ScislaC Featured By Owner Aug 31, 2005  Professional Digital Artist
Yes, by all means a PNG converted to a GIF still counts as 100% Inkscape... as long as original inkscape files exist for any graphics, everything is kosher. ;)

Oh, and for note... IE make me want to shoot myself when it comes to standards.
Reply
:iconanarres:
Anarres Featured By Owner Aug 31, 2005
Hum, that I know. But I still can't find a better solution than this one: [link]
Reply
:iconanarres:
Anarres Featured By Owner Aug 28, 2005
replace "optimizing background" with "optimizing bandwidth".
I've been typing too much CSS. :P

Uh, and a request for help to those who know CSS:

This is my (still under development) first attempt: [link]

If you take a look at the CSS, you'll see that I've used the popular "CSS IE Hack" to prevent IE from showing the backround of the main text field (".texto") and the .slant elements that make up the nice diagonal effect in the text. Try to remove the elements preceded with underscore (_) and see what happens (in IE).

┐Any idea on how I can get this to work properly with IE? Firefox and Opera have no problem, but the IE completely breaks the design (which is standards-compliant). For now, I've settled as to having IE display a plain black block with justified text, but that makes the page lose a lot of its appeal.
Reply
:iconscislac:
ScislaC Featured By Owner Aug 31, 2005  Professional Digital Artist
lookin great so far!

WRT the IE problems... Last time I was seriously on a CSS "spree" I ran across a project that produced a package of CSS files called "IE7" that will make it so IE will render compliant CSS correctly. It basically uses IE's CSS rendering quirks to translate good CSS into something that IE would render properly (bad css ;)), and it doesn't affect other browsers negatively. So basically it's just a couple additional CSS files that are loaded with the page and they shouldn't even need to be modified since it "fixes" known rendering issues. That's about all I can recall about it, but you can hopefully dig up something about it via google.
Reply
:iconanarres:
Anarres Featured By Owner Aug 31, 2005
Hmm... I don't seem to find it. ┐Don't you have any more explicit information on it?
Reply
:iconscislac:
ScislaC Featured By Owner Sep 2, 2005  Professional Digital Artist
On a quick search I found one that is Javascript (although I know that other one was pure CSS) over at sourceforge, ie7 . Unfortunately, since real IE7 is around the corner it will now take forever to sift through google for the other one. :( Hopefully this is of some help either way.
Reply
:iconanarres:
Anarres Featured By Owner Sep 3, 2005
Well, I think that i've found a way around it. Please check now the page.
Reply
:icongri3fon:
gri3fon Featured By Owner Aug 25, 2005   Interface Designer
um, is that mean we only mod the Header, Footer, and CSS?
Reply
:iconanarres:
Anarres Featured By Owner Aug 28, 2005
I'd like to know that too.
I have a couple of ideas, but they involve re-structuring the website.

For example, ┐are we allowed to use fixed-width design? (as opposed to the current fluid design model)
Reply
:iconanarres:
Anarres Featured By Owner Aug 25, 2005
So, if I understand correctly, we should do a modification of the present design? That is, I assume that it should be a generic layout in which generic content can be placed, right?
Reply
:iconscislac:
ScislaC Featured By Owner Aug 31, 2005  Professional Digital Artist
I would say it's a fancy CSS makeover. Since the content, code, and design (css & images) are all separate, it should be relatively easy to do. One thing that is very important to note is that everything within the existing CSS file (that propogates throughout the site) needs to be styled as well, and it needs to have all of the content shown that is currently shown. You can lay things out creatively if you like, but in the end it will still need to be professional and accessible. In fact, accessibility does need to be taken into account and the current thought is that it should be at AA level of accessibility. Hopefully that helps clear things up a little.
Reply
:iconanarres:
Anarres Featured By Owner Sep 4, 2005
Alright -- I've taken a look at the CSS and the HTML of the site, and I just can't make it out from the files. My original idea was to create my own CSS, and then rewrite the Inkscape one so that it adapts to it, but I can't do it with just looking at the Inkscape pages.

I need to know -- does Inkscape use any Content Management System? If so, which one? May I have the templates, CSS, and in general all the elements that make up the website (in a pre-processed state)?

Because the only way I can think on adapting my design to the current Inkscape engine is, well, working on the engine itself. Unless the Inkscape mantainers are willing to consider the website I set up a draft, and are willing to have me afterwards working on the engine to adapt my design to it...
Reply
:iconanarres:
Anarres Featured By Owner Aug 31, 2005
Hmm. I guessed as much with the CSS and the content.

The accesibility thing I'll have to check, for I believe that my little prototype does not rank very high in there. :(
Reply
Add a Comment:
 
×

More from DeviantArt



Details

Submitted on
September 27, 2005
Link
Thumb

Stats

Views
534
Favourites
0
Comments
30
×