Desktop Environment

Hi,

JNode seems like a great idea to me. I'd like to help JNode by helping to develop a desktop environment. I don't just want to help programming, I would also make some symbols (I've already made one icon showing a computer screen, just save the code below as a .svg file and view it with a capable program).

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

are they useable?

Hi,
are svg images useable as symbols / icons within jnode yet?

Andreas

Don't think so

I don't think SVG icons are supported yet but they're a great format for creating icons. They could easily be converted to PNGs or so.

I tried the SVG with

I tried the SVG with Inkscape and Eye Of Gnome and it worked. Try this:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg xmlns="http://www.w3.org/2000/svg" width="128px" height="128px">
<defs>
<linearGradient id="screen-gradient" x1="0" y1="0" x2="1.5" y2="1.5">
<stop offset="0.0" style="stop-color: rgb(182, 218, 255);" />
<stop offset="1.0" style="stop-color: rgb(24, 88, 255);" />
</linearGradient>
<radialGradient id="screen-shine-gradient" cx="1" cy="1" r="1.05">
<stop offset="0.0" style="stop-color: white;" />
<stop offset="1.0" style="stop-opacity: 0;" />
</radialGradient>
<linearGradient id="screen-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(105,105,105);" />
<stop offset="1.0" style="stop-color: rgb(155,155,155);" />
</linearGradient>
<linearGradient id="monitor-border-gradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="0.0" style="stop-color: rgb(220,220,220);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
<linearGradient id="monitor-border-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(155,155,155);" />
<stop offset="1.0" style="stop-color: rgb(105,105,105);" />
</linearGradient>
<linearGradient id="monitor-stand-gradient" x1="0" y1="0.5" x2="0.8" y2="0.5">
<stop offset="0.0" style="stop-color: rgb(200,200,200);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
</defs>

<rect id="monitor-border"
rx="5"
ry="5"
x="9"
y="5"
width="110"
height="80"
style="fill: url(#monitor-border-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>

<g id="screen">
<rect id="screen"
x="19"
y="15"
width="90"
height="60"
style="fill: url(#screen-gradient); stroke: url(#screen-border); stroke-width: 2px;"
/>
<path id="screen-shine"
d="M 49,75 L 109,75 L 109,35 C 109,35 49,35 49,75 z"
style="fill: url(#screen-shine-gradient);"
/>
</g>

<ellipse
cx="64"
cy="101"
ry="10"
rx="40"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>

<path id="monitor-stand"
d="M 48,86 L 48,101 C 48,101 64,108 80,101 L 80,101 80,86"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>

</svg>

Could you please reattach

Could you please reattach that svg code?

Martin

<?xml version="1.0"

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg xmlns="http://www.w3.org/2000/svg" width="128px" height="128px">
<defs>
<linearGradient id="screen-gradient" x1="0" y1="0" x2="1.5" y2="1.5">
<stop offset="0.0" style="stop-color: rgb(182, 218, 255);" />
<stop offset="1.0" style="stop-color: rgb(24, 88, 255);" />
</linearGradient>
<radialGradient id="screen-shine-gradient" cx="1" cy="1" r="1.05">
<stop offset="0.0" style="stop-color: white;" />
<stop offset="1.0" style="stop-opacity: 0;" />
</radialGradient>
<linearGradient id="screen-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(105,105,105);" />
<stop offset="1.0" style="stop-color: rgb(155,155,155);" />
</linearGradient>
<linearGradient id="monitor-border-gradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="0.0" style="stop-color: rgb(220,220,220);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
<linearGradient id="monitor-border-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(155,155,155);" />
<stop offset="1.0" style="stop-color: rgb(105,105,105);" />
</linearGradient>
<linearGradient id="monitor-stand-gradient" spreadMethod="reflected" x1="0" y1="0.5" x2="0.8" y2="0.5">
<stop offset="0.0" style="stop-color: rgb(200,200,200);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
</defs>

<rect id="monitor-border"
rx="5"
ry="5"
x="9"
y="5"
width="110"
height="80"
style="fill: url(#monitor-border-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>

<g id="screen">
<rect id="screen"
x="19"
y="15"
width="90"
height="60"
style="fill: url(#screen-gradient); stroke: url(#screen-border); stroke-width: 2px;"
/>
<path id="screen-shine"
d="M 49,75 L 109,75 L 109,35 C 109,35 49,35 49,75 z"
style="fill: url(#screen-shine-gradient);"
/>
</g>

<ellipse
cx="64"
cy="101"
ry="10"
rx="40"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>

<path id="monitor-stand"
d="M 48,86 L 48,101 C 48,101 64,108 80,101 L 80,101 80,86"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>

</svg>

It works in IE ...

I have gotten the first svg code snippet to run without edit in IE 6.0 with the adobe svg plugin 3.03 build94. It is good, as I can not make this (no book or website source). can you make it more 3-dimensional or heavily flat? Pretty much something like the http://www.kde-look.org/content/show.php?content=17158 set would be great. Maybe we can use there set of icons and not waste time.

I could try

I'll try it, but I can't promise anything...

can't read it

I tried to read it with batik squiggle but it gave errors.
Fabien

Also problems in W3C's

Also problems in W3C's Amaya:

line 25, char 0: Unknown attribute value "reflected"

Martin