Scratch

ThePCKid · 2010-11-14 19:26:58

urhungry wrote:
Sorry for the massive bump, but I think I'll resume working on this now(as in soon).

Okay! big_smile

comp500 · 2010-11-19 15:00:35

I'll help! I'll be in All.(yep i know css 3, javascript, images(GIMP) and HTML 5)
O rly?
Ya rly!

Some nice css to make the ubuntu font come up EVEN WHEN the user doesn't have it installed!:

Code:

@font-face {
font-family: "Ubuntu";
src: url("[font file here]")
}

[font file here] is where the ubuntu font file should go.
And some css to stop the user from selecting the text:

Code:

body {
-moz-user-select:none;   -webkit-user-select:none;
}

tongue
Also some nice css shading to add to the #panel-top bit:

Code:

-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;

And shall i make an error page for IE?
It doesn't work even on IE 9 Beta!

Also some nice css shading and transparency to add to the #applications-open and #context-menu-desktop bit:

Code:

-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;

smile

Last edited by comp500 (2010-11-20 11:47:07)

ProgrammingFreak · 2010-11-20 11:34:40

I'll help with the HTML! But I don't have a Ubuntu system!

comp500 · 2010-11-20 11:40:49

ThePCKid wrote:
urhungry wrote:
Any way to space the menu out better? No matter what I try it still seems to be squished.
I don't know

I do:

Code:

#applist li {
margin-bottom: 8px;
}

-

ThePCKid wrote:
what-the wrote:
Hay. Why don't you create a program in C#, C++ or VB.net which is just a borderless form in full screen mode. (This hides the taskbar) and it navigates to that web page. On the webpage you can create a virual browser (ie. split the page into two websites) and use buttons on one page to control the other.
I might do that (the first thing)

I could but it doesn't work in IE.
-

ProgrammingFreak wrote:
I'll help with the HTML! But I don't have a Ubuntu system!

Nor me.

Last edited by comp500 (2010-11-20 11:57:06)

urhungry · 2010-11-20 13:29:25

You evidently know a lot more then me, I'm just using the change something and see what broke method. I can implement all of the HTML you produce until you have access.

ThePCKid · 2010-11-20 15:26:27

comp500 wrote:
ThePCKid wrote:
urhungry wrote:
Any way to space the menu out better? No matter what I try it still seems to be squished.
I don't know
I do:
Code:
#applist li {
margin-bottom: 8px;
}
-
ThePCKid wrote:
what-the wrote:
Hay. Why don't you create a program in C#, C++ or VB.net which is just a borderless form in full screen mode. (This hides the taskbar) and it navigates to that web page. On the webpage you can create a virual browser (ie. split the page into two websites) and use buttons on one page to control the other.
I might do that (the first thing)
I could but it doesn't work in IE.
-
ProgrammingFreak wrote:
I'll help with the HTML! But I don't have a Ubuntu system!
Nor me.

Thanks. Would you like to help?

comp500 · 2010-11-21 03:46:08

ThePCKid wrote:
comp500 wrote:
ThePCKid wrote:
I don't know
I do:
Code:
#applist li {
margin-bottom: 8px;
}
-
ThePCKid wrote:
I might do that (the first thing)
I could but it doesn't work in IE.
-
ProgrammingFreak wrote:
I'll help with the HTML! But I don't have a Ubuntu system!
Nor me.
Thanks. Would you like to help?

comp500 wrote:
I'll help! I'll be in All.(yep i know css 3, javascript, images(GIMP) and HTML 5)
O rly?
Ya rly!

Some nice css to make the ubuntu font come up EVEN WHEN the user doesn't have it installed!:
Code:
@font-face {
font-family: "Ubuntu";
src: url("[font file here]")
}
[font file here] is where the ubuntu font file should go.
And some css to stop the user from selecting the text:
Code:
body {
-moz-user-select:none;   -webkit-user-select:none;
}
Also some nice css shading to add to the #panel-top bit:
Code:
-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;
And shall i make an error page for IE?
It doesn't work even on IE 9 Beta!

Also some nice css shading and transparency to add to the #applications-open and #context-menu-desktop bit:
Code:
-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;

tongue you speed read.
yes i do want to help.

and i also have a way to make the boot screen.

Last edited by comp500 (2010-11-21 03:48:37)

comp500 · 2010-11-21 03:50:28

urhungry wrote:
You evidently know a lot more then me, I'm just using the change something and see what broke method. I can implement all of the HTML you produce until you have access.

Ok. I have lots of ideas and the code for them so- yeah!

MOAR code for me and ThePCKid to discuss:

Code:

     <!-- comp500 Test code:

        <script type="text/javascript">
        // boot screen
        if(sessionStorage == null) {boot()} // no sessionStorage support, boot
        else {
            if(sessionStorage.ubuntuon != null) {  // is ubuntu on?
                if(sessionStorage.ubuntuon == true) { // is ubuntu on?
                    // ubuntu on, restore session
                }
                else {
                    sessionStorage.ubuntuon = true; // launch ubuntu
                    boot();
                }
            }
            else {
                sessionStorage.ubuntuon = true; // launch ubuntu, sessionStorage has timed out
                boot();
            }
        }

        function boot() {
            // boot code here
        }

        function off() {
            // off code here
            sessionStorage.ubuntuon = false;
        }

        // maybe multiple copy detector?
        </script>

        End comp500 test code
        -->

And I suggest you have this:

Code:

<!-- Non-jquery code here: -->

Put the non-jquery code here(like mine above)

Code:

<!-- End non-jquery code -->

-
And a favicon to add: http://www.mediafire.com/?53t1yd6bvycba43
Code goes in the <head> bit:

Code:

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

Last edited by comp500 (2010-11-22 12:04:47)

comp500 · 2010-11-23 03:12:13

bump bump!

I'm online at:
Mon 7:45 - 8:25, 3:15 - 5:00
Tue 7:45 - 8:25, 4:00 - 5:00
Wed 7:45 - 8:25, 3:15 - 4:30
Thu 7:45 - 8:25, 3:15 - 5:00
Fri 7:45 - 8:25, 3:15 - 5:00
Sat All the time
Sun All afternoon

Times may vary depending on hw tongue

Last edited by comp500 (2010-11-23 03:19:42)

ssss · 2010-11-23 03:16:55

oos.cc is cool - anywayz, i guess i will help

comp500 · 2010-11-23 03:21:48

ssss wrote:
oos.cc is cool - anywayz, i guess i will help

okayz - urhungry and ThePCKid can implement our stuff.
and - Are you joining as all, images, Javascript, etc?

ssss · 2010-11-23 03:30:36

mm... images - and use http://w3schools.com for javascript so All, i guess tongue I'm downloading Ubunutu 10.10 as we speak (my dad uses it)

comp500 · 2010-11-23 03:32:21

ssss wrote:
mm... images - and use http://w3schools.com for javascript so All, i guess I'm downloading Ubunutu 10.10 as we speak (my dad uses it)

Goody goody and i'm in all so I'll help you to get started!
And don't forget to download Gimp!

ssss · 2010-11-23 03:37:47

Already have it tongue Plus paint.net so tongue

fire219 · 2010-11-23 08:32:09

I don't want to join, but I have been watching this since the beginning, and it looks like it will be awesome. smile

comp500 · 2010-11-23 11:34:59

fire219 wrote:
I don't want to join, but I have been watching this since the beginning, and it looks like it will be awesome.

smile Don't forget to put the image in your siggy!
@ssss CSS and actual HTML as well? Don't forget to include some nice screenshots
of Ubuntu!
@ThePCKid What is slackware?
Here is a banner:

Not perfect, but I tried.
Better version:

Last edited by comp500 (2010-11-23 12:20:15)

comp500 · 2010-11-26 03:26:14

bumpity bump bump bump

ThePCKid · 2010-11-27 11:52:48

comp500: good ideas!
If we did session storing, we would probably be making a BIG cookie. A "fake" boot screen could be good. The idea of a "fake" shutdown system is great.

comp500 · 2010-11-27 14:03:51

ThePCKid wrote:
comp500: good ideas!
If we did session storing, we would probably be making a BIG cookie. A "fake" boot screen could be good. The idea of a "fake" shutdown system is great.

1. sessionStorage is NOT cookies and localStorage is similar to sessionStorage
2. smile
I am also gonna give you the code for a Time widget!

Last edited by comp500 (2010-11-27 14:11:37)

comp500 · 2010-11-27 14:16:08

How to make the time widget:
1. Replace #text-help-1 with this:

Code:

<div id="text-help-1" style="color: rgb(211, 211, 211); ">&nbsp;&nbsp;Applications&nbsp;&nbsp;</div><div style="text-align:right; top:0px; position:absolute; right:5px;" id="clock"></div>

2. Add this to the non-jquery code bit:

Code:

        <script type="text/javascript">
            function startTime() {
                var today = new Date();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                // add a zero in front of numbers<10
                m = checkTime(m);
                s = checkTime(s);
                document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
                t = setTimeout('startTime()', 500);
            }

            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
            </script>

3. And add this before the </body> tag:

Code:

<script type="text/javascript">startTime();</script>

I can also make it so that it only shows the hours and the minutes.
Moar stuff:
1. Are these good, Ubuntu type icons? (click on image for bigger view):
More Here
2. Could you do this:
I sign up on oos.cc, You invite me via oos.cc username.
OR
You go on newgrounds, You send me a PM with the details for the website.
3. Replace 'Sound & Video' with 'Sound & Video' in the code so it will look good AND validate.

Last edited by comp500 (2010-12-29 06:30:13)

Fiat500 · 2010-11-29 17:58:36

ThePCKid wrote:
BEFORE YOU REPORT THIS TOPIC BECAUSE IT'S IN THE WRONG FORUM, LOOK AT THE DESCRIPTION OF THE COLLABORATIONS FORUM.

Ubuntu Online is a project that I recently started working on, and I need help with it. If you would like to help me, you would probably want an Ubuntu 10.10 VM, GIMP, and a (part of) screen capture tool. If you have a better image for something, upload it to TinyPic (make sure that you have the correct height and width of the image. add transparency if needed) and then copy and paste the BBCode here. If you have a bug fix, tell me how to fix it. If you have an optimization, tell me. If you have anything else ( ), give me the info that's needed about it. The page itself is written in XHTML 1.0 (basically a kind of stricter version of HTML 4.01), along with CSS (v2.1), JavaScript, and jQuery (JavaScript library). If you want the source of the page, just go to View -> Page Source. The website that the page is hosted on is sometimes down. Firefox 3.6.12 for Windows displays the page most correctly. There can be an unlimited amount of helpers. You might want to download and install the Ubuntu font family for the site to look better.

Here are banners (they have links to the website):
http://i54.tinypic.com/23wjs4l.png
Code:
[url=http://thepckid.oos.cc/web/Ubuntu%20Online/][url]http://i54.tinypic.com/23wjs4l.png[/url][/url]
http://img152.imageshack.us/img152/6996 … nline2.png
Code:
[url=http://thepckid.oos.cc/web/Ubuntu%20Online/][url]http://img152.imageshack.us/img152/6996/ubuntuonline2.png[/url][/url]
All
- ThePCKid (project starter)
- comp500 *

CSS

JavaScript and/or jQuery

Images

Actual HTML
- urhungry

You can have 10.10 in a VM... Or you can have it for real! wink wink smile

comp500 · 2010-11-30 03:23:15

Fiat500 wrote:
ThePCKid wrote:
BEFORE YOU REPORT THIS TOPIC BECAUSE IT'S IN THE WRONG FORUM, LOOK AT THE DESCRIPTION OF THE COLLABORATIONS FORUM.

Ubuntu Online is a project that I recently started working on, and I need help with it. If you would like to help me, you would probably want an Ubuntu 10.10 VM, GIMP, and a (part of) screen capture tool. If you have a better image for something, upload it to TinyPic (make sure that you have the correct height and width of the image. add transparency if needed) and then copy and paste the BBCode here. If you have a bug fix, tell me how to fix it. If you have an optimization, tell me. If you have anything else ( ), give me the info that's needed about it. The page itself is written in XHTML 1.0 (basically a kind of stricter version of HTML 4.01), along with CSS (v2.1), JavaScript, and jQuery (JavaScript library). If you want the source of the page, just go to View -> Page Source. The website that the page is hosted on is sometimes down. Firefox 3.6.12 for Windows displays the page most correctly. There can be an unlimited amount of helpers. You might want to download and install the Ubuntu font family for the site to look better.

Here are banners (they have links to the website):
http://i54.tinypic.com/23wjs4l.png
Code:
[url=http://thepckid.oos.cc/web/Ubuntu%20Online/][url]http://i54.tinypic.com/23wjs4l.png[/url][/url]
http://img152.imageshack.us/img152/6996 … nline2.png
Code:
[url=http://thepckid.oos.cc/web/Ubuntu%20Online/][url]http://img152.imageshack.us/img152/6996/ubuntuonline2.png[/url][/url]
All
- ThePCKid (project starter)
- comp500 *

CSS

JavaScript and/or jQuery

Images

Actual HTML
- urhungry
You can have 10.10 in a VM... Or you can have it for real! wink wink

But we're trying to make it in a browser! Without a VM!

ProgrammingFreak · 2010-11-30 15:13:39

I want to help!!!

Lightnin · 2010-11-30 18:05:39

This looks like a really cool project. smile
And you make a good point - the description of the collab forum really does just say Scratch projects. Perhaps we'll rename it to make it more general.

If you'd prefer to keep this thread in Collab, by the way, I think that would be fine...

comp500 · 2010-12-01 04:09:23

Lightnin wrote:
This looks like a really cool project.
And you make a good point - the description of the collab forum really does just say Scratch projects. Perhaps we'll rename it to make it more general.

If you'd prefer to keep this thread in Collab, by the way, I think that would be fine...

smile ThePCKid doesn't seem to be online a lot.

Scratch

archived forums

#26 2010-11-14 19:26:58

Re: Ubuntu Online collab

urhungry wrote:

#27 2010-11-19 15:00:35

Re: Ubuntu Online collab

Code:

Code:

Code:

Code:

#28 2010-11-20 11:34:40

Re: Ubuntu Online collab

#29 2010-11-20 11:40:49

Re: Ubuntu Online collab

ThePCKid wrote:

urhungry wrote:

Code:

ThePCKid wrote:

what-the wrote:

ProgrammingFreak wrote:

#30 2010-11-20 13:29:25

Re: Ubuntu Online collab

#31 2010-11-20 15:26:27

Re: Ubuntu Online collab

comp500 wrote:

ThePCKid wrote:

urhungry wrote:

Code:

ThePCKid wrote:

what-the wrote:

ProgrammingFreak wrote:

#32 2010-11-21 03:46:08

Re: Ubuntu Online collab

ThePCKid wrote:

comp500 wrote:

ThePCKid wrote:

Code:

ThePCKid wrote:

ProgrammingFreak wrote:

comp500 wrote:

Code:

Code:

Code:

Code:

#33 2010-11-21 03:50:28

Re: Ubuntu Online collab

urhungry wrote:

Code:

Code:

Code:

Code:

#34 2010-11-23 03:12:13

Re: Ubuntu Online collab

#35 2010-11-23 03:16:55

Re: Ubuntu Online collab

#36 2010-11-23 03:21:48

Re: Ubuntu Online collab

ssss wrote:

#37 2010-11-23 03:30:36

Re: Ubuntu Online collab

#38 2010-11-23 03:32:21

Re: Ubuntu Online collab

ssss wrote:

#39 2010-11-23 03:37:47

Re: Ubuntu Online collab

#40 2010-11-23 08:32:09

Re: Ubuntu Online collab

#41 2010-11-23 11:34:59

Re: Ubuntu Online collab

fire219 wrote:

#42 2010-11-26 03:26:14

Re: Ubuntu Online collab

#43 2010-11-27 11:52:48

Re: Ubuntu Online collab

#44 2010-11-27 14:03:51

Re: Ubuntu Online collab

ThePCKid wrote:

#45 2010-11-27 14:16:08

Re: Ubuntu Online collab