Scratch

ProgrammingFreak · 2010-12-21 15:12:15

Here

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">



<head>
   
 <title>Block Library</title>
   


    
<link id="theme" rel="stylesheet" type="text/css" href="http://www.block-library.freehostingcloud.com/style.css" title="theme" />

  </head>
  
<body> 
   
 <!-- top wrapper -->  
            <table width="100%" height="200" border="0">
<tr>
<td height="150" class="header">
</td>
</tr>
<tr>
<td height="50" align="center" class="nav">

<a href="http://www.block-library.freehostingcloud.com/">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/home.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/homeOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/home.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/submit">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/submit.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/submitOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/submit.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/browse">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/browse.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/browseOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/browse.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://scratch.mit.edu/forums/viewtopic.php?id=40508&p=1">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/discustion.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/discustionOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/discustion.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/contact">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/contact.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/contactOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/contact.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
</table>


    <!-- end top wrapper -->  
    <div id="wrapper"> 
      <div id="bg">
 
        <div id="page"> 
          <!-- begin container -->  
          <div id="container"> 
            <!--  content -->  
            <div id="content"> 
              <div id="center"> 
                <div 
id="welcome"> <br /><br />

<!-- line: <div class="hr"><hr></div> -->
        <!-- main body -->
<h2>Submit A Block...</h2>    

<?

if ($_GET['type'] == "")
{
?>
<img src="images/step1.gif" alt="step 1 image" /><br />
<form action="#" method="get">
<select name="type">
<option value="Scratch">Scratch Block</option>
<option value="BYOB">BYOB Block</option>
<option value="Panther">Panther Block</option>
</select>
<input type="submit" name="submit" value="Next Step..." />
</form>
<?
}

if ($_GET['type'] == "Scratch")
{
?>

<!-- SCRATCH FORM -->
<div id="f1">
<form id="Scratch" method="POST" action="scratch.php">
<br /><img src="images/step2.gif" alt="step 2 image" /><br />
<b>enter your blockspec.</b><br />
<input type="text" name="blockspec" value="e.g. say %s" />
<br /><br /><img src="images/step3.gif" alt="step 3 image" /><br />
<b><a href="upload">Upload a picture of your block...</a><br />
...And enter the URL here: <br /><input type="text" name="image" /></b><br />
<br /><img src="images/step4.gif" alt="step 4 image" /><br />
<b> Which catagory does your block belong to?</b><br />
<input type="radio" name="catagory" value="Motion"><img src="motion.JPG" alt="motion">
<input type="radio" name="catagory" value="Control"><img src="ctrl.JPG" alt="control"><br />
<input type="radio" name="catagory" value="Looks"><img src="looks.JPG" alt="looks">
<input type="radio" name="catagory" value="Sensing"><img src="motion.JPG" alt="sensing"><br />
<input type="radio" name="catagory" value="Sound"><img src="sound.JPG" alt="sound">
<input type="radio" name="catagory" value="Operators"><img src="ops.JPG" alt="operators"><br />
<input type="radio" name="catagory" value="Pen"><img src="motion.JPG" alt="pen">
<input type="radio" name="catagory" value="Variables"><img src="vars.JPG" alt="variables"><br />

<br /><br /><img src="images/step5.gif" alt="step 5 image" /><br />
<b>What type of block is it?</b><br />
<input type="radio" name="type" value="-" /> Stack image here<br />
<input type="radio" name="type" value="r" /> Reporter image here<br />
<input type="radio" name="type" value="b" /> Boolean image here<br />
<input type="radio" name="type" value="c" /> C loop image here<br />
<br /><img src="images/step6.gif" alt="step 6 image" /><br />
<b>Who created this block?</b><br />
<input type="text" value="Scratch username" />
<br /><br /><img src="images/step7.gif" alt="step 7 image" /><br />
<b>Enter the code for your block. Test it before you submit it to make sure it works If the code needs to
go in more than one place, mark the locations of the code clearly.</b><br />
<textarea rows="10" cols="50">
e.g. 
block: t1
| t2 | 
^ t1 , 'gap' , t2
</textarea>
<br />
<br />
<input type="submit" value="Submit block" />
</form>
</div>
<?
}

if ($_GET['type'] == "BYOB")
{

?>

<!-- BYOB FORM -->
<div id="f2">
<form id="BYOB" method="POST" action="byob.php">
<br /><img src="images/step2.gif" alt="step 2 image" /><br />
<b><a href="upload">Upload a picture of your final block...</a><br />
...And enter the URL here: <br /><input type="text" name="image" /></b>
<br />
<br /><img src="images/step3.gif" alt="step 3 image" /><br />
<b><a href="upload">Upload a picture of how to make your block...</a><br />
...And enter the URL here: <br /><input type="text" name="image" /></b>
<br /><br /><img src="images/step4.gif" alt="step 4 image" /><br />
<b> Which catagory does your block belong to?</b><br />
<input type="radio" name="catagory" value="Motion"><img src="motion.JPG" alt="motion">
<input type="radio" name="catagory" value="Control"><img src="ctrl.JPG" alt="control"><br />
<input type="radio" name="catagory" value="Looks"><img src="looks.JPG" alt="looks">
<input type="radio" name="catagory" value="Sensing"><img src="motion.JPG" alt="sensing"><br />
<input type="radio" name="catagory" value="Sound"><img src="sound.JPG" alt="sound">
<input type="radio" name="catagory" value="Operators"><img src="ops.JPG" alt="operators"><br />
<input type="radio" name="catagory" value="Pen"><img src="motion.JPG" alt="pen">
<input type="radio" name="catagory" value="Variables"><img src="vars.JPG" alt="variables"><br />
<input type="radio" name="catagory" value="Variables">Other
<br />
<br /><img src="images/step5.gif" alt="step 5 image" /><br />
<b>What type of block is it?</b><br />
<input type="radio" name="type" value="-" /> Stack image here<br />
<input type="radio" name="type" value="r" /> Reporter image here<br />
<input type="radio" name="type" value="b" /> Boolean image here<br />
<input type="radio" name="type" value="c" /> C loop image here<br />
<br /><img src="images/step6.gif" alt="step 6 image" /><br />
<b>Who created this block?</b><br />
<input type="text" value="Scratch username" />
<br />
<br />
<input type="submit" value="Submit block" />
</form>
</div>
<?
}

if ($_GET['type'] == "Panther")
{

?>
<div id="f3">

<!-- PANTHER FORM -->
<form id="Panther" method="POST" action="panther.php">
<br /><img src="images/step2.gif" alt="step 2 image" /><br />
<b>enter your blockspec</b><br />
<input type="text" name="blockspec" value="e.g. say $String$" />
<br /><br /><img src="images/step3.gif" alt="step 3 image" /><br />
<b><a href="upload">Upload a picture of your block...</a><br />
...And enter the URL here:<br /> <input type="text" name="image" /></b><br />
<br /><img src="images/step4.gif" alt="step 4 image" /><br />
<b> Which catagory does your block belong to?</b><br />
<input type="radio" name="catagory" value="Motion"><img src="motion.JPG" alt="motion">
<input type="radio" name="catagory" value="Control"><img src="ctrl.JPG" alt="control"><br />
<input type="radio" name="catagory" value="Looks"><img src="looks.JPG" alt="looks">
<input type="radio" name="catagory" value="Sensing"><img src="motion.JPG" alt="sensing"><br />
<input type="radio" name="catagory" value="Sound"><img src="sound.JPG" alt="sound">
<input type="radio" name="catagory" value="Operators"><img src="ops.JPG" alt="operators"><br />
<input type="radio" name="catagory" value="Pen"><img src="motion.JPG" alt="pen">
<input type="radio" name="catagory" value="Variables"><img src="vars.JPG" alt="variables"><br />
<input type="radio" name="catagory" value="Variables">Other
<br />
<br /><br /><img src="images/step5.gif" alt="step 5 image" /><br />
<b>What type of block is it?</b><br />
<input type="radio" name="type" value="-" /> Stack image here<br />
<input type="radio" name="type" value="r" /> Reporter image here<br />
<input type="radio" name="type" value="b" /> Boolean image here<br />
<input type="radio" name="type" value="c" /> C loop image here<br />
<br /><img src="images/step6.gif" alt="step 6 image" /><br />
<b>Who created this block?</b><br />
<input type="text" value="Scratch username" />
<br />
<br /><img src="images/step7.gif" alt="step 7 image" /><br />
<b>Enter the code for your block. Test it before you submit it to make sure it works.</b>
<textarea rows="10" cols="50">
e.g. ^ t1
</textarea>
<br />
<br />
<input type="submit" value="Submit block" />
</form>
</div>

<?
}

?>




        <!-- main body end -->


                </div> 
              </div>  
             
              </div>  
            </div>  
            <!-- end content --> 
          </div>  
          <!-- end container --> 
        </div>  
        <div id="footerWrapper"> 

        </div> 
      </div> 
    </div> 
  </body>
</html>

Daffy22 · 2010-12-21 15:16:31

ProgrammingFreak, can u make an 'other' category? and then zip them all up and upload them to media fire? It would be better if we host them on the site smile
Thanks, your doing great smile

Last edited by Daffy22 (2010-12-21 15:16:46)

ProgrammingFreak · 2010-12-21 15:21:54

Daffy22 wrote:
ProgrammingFreak, can u make an 'other' category? and then zip them all up and upload them to media fire? It would be better if we host them on the site
Thanks, your doing great

what would the other category looks like?

Daffy22 · 2010-12-21 15:29:44

ProgrammingFreak wrote:
Daffy22 wrote:
ProgrammingFreak, can u make an 'other' category? and then zip them all up and upload them to media fire? It would be better if we host them on the site
Thanks, your doing great
what would the other category looks like?

well, maybe make another category in scratch (find a tutorial) and call it other. I, personally, think it should be grey for some reason lol tongue

fg123 · 2010-12-21 15:30:19

OKey. I have to leave right now though, I'll email you when I get back.

ProgrammingFreak · 2010-12-21 15:30:31

Hey, I have an idea! how bout i copy the pic from bingo. they have 'other' category.

Daffy22 · 2010-12-21 15:33:58

ProgrammingFreak wrote:
Hey, I have an idea! how bout i copy the pic from bingo. they have 'other' category.

good idea, I'm good friends with LS97 so he'll be cool with it tongue
-------------
fg123??? just email me them now, please sad

ProgrammingFreak · 2010-12-21 15:43:17

Daffy22 wrote:
ProgrammingFreak wrote:
Hey, I have an idea! how bout i copy the pic from bingo. they have 'other' category.
good idea, I'm good friends with LS97 so he'll be cool with it
-------------
fg123??? just email me them now, please

wait. he has 'More' not 'Other'

Daffy22 · 2010-12-21 15:45:09

ProgrammingFreak wrote:
Daffy22 wrote:
ProgrammingFreak wrote:
Hey, I have an idea! how bout i copy the pic from bingo. they have 'other' category.
good idea, I'm good friends with LS97 so he'll be cool with it
-------------
fg123??? just email me them now, please
wait. he has 'More' not 'Other'

oh, mmm.
just photoshop it tongue

Last edited by Daffy22 (2010-12-21 15:45:31)

ProgrammingFreak · 2010-12-21 15:46:43

Daffy22 wrote:
ProgrammingFreak wrote:
Daffy22 wrote:

good idea, I'm good friends with LS97 so he'll be cool with it
-------------
fg123??? just email me them now, please
wait. he has 'More' not 'Other'
oh, mmm.
just photoshop it

k

bbbeb · 2010-12-21 15:49:42

If you guys want, I can help with the CSS styling and the HTML of the actual webpage. big_smile

It would be a good chance for me to practice. smile

Daffy22 · 2010-12-21 15:54:22

bbbeb wrote:
If you guys want, I can help with the CSS styling and the HTML of the actual webpage.

It would be a good chance for me to practice.

ok, I'm struggling with CSS buttons. Can you make make me a CSS snipit so that all submit buttons will have (http://www.block-library.freehostingcloud.com/submit/images/button.png) as the background. and white text (same font as scratch blocks too). Thanks tongue

Daffy22 · 2010-12-21 15:59:55

right got to go guys. cya tommorow smile

ProgrammingFreak · 2010-12-21 16:01:25

k! i'm uploading now!

ProgrammingFreak · 2010-12-21 16:03:51

i can't compress it! how do you? i forgot

EDIT: Here= http://www.mediafire.com/?jc1pys6bvvtrdh0

Last edited by ProgrammingFreak (2010-12-21 16:17:24)

bbbeb · 2010-12-21 16:29:12

Daffy22 wrote:
bbbeb wrote:
If you guys want, I can help with the CSS styling and the HTML of the actual webpage.

It would be a good chance for me to practice.
ok, I'm struggling with CSS buttons. Can you make make me a CSS snipit so that all submit buttons will have (http://www.block-library.freehostingcloud.com/submit/images/button.png) as the background. and white text (same font as scratch blocks too). Thanks

*cough cough ID cough cough*
*coughs in pain*

I sorta am struggling to find out how.

I don't know about the CSS text, but i think you can ID the button and do this:

(id of button) {

background-image: url(http://www.block-library.freehostingcloud.com/submit/images/button.png);

}

try that, and see if it works.

Last edited by bbbeb (2010-12-21 16:40:31)

fg123 · 2010-12-21 19:55:29

I can css it, but right now I have too much to do, so I'm going to "quit" this collab for now. sad

Sorry guys.

Pecola1 · 2010-12-21 23:50:45

sparks wrote:
Hi guys, I thought I'd put a a few disgustingly bare html forms up - the peak of my HTML knowledge, so you can have a sort of idea as to how I picture the forms to work... if not look

Searching for a block
submitting a Panther block
submitting a scratch block
submitting a BYOB block

By no means are these set ideas, they're just an early representation and I think the contain all the necessary fields that the final ones will have! Feel free to make changes or disregard

For the scratch blocks you need to make a place to say where under scratch objects it will be, like: http://kule.weebly.com/

(I am starting to understand HTML better.)

fg123 · 2010-12-22 02:22:15

The "other" looks way too fake. I'll whip up a good one in a sec.

Daffy22 · 2010-12-22 04:02:17

fg123 wrote:
The "other" looks way too fake. I'll whip up a good one in a sec.

have you done yet? smile

Daffy22 · 2010-12-22 04:26:23

right. I've finished the tempory upload script. Now we've just got to make the approve script. Magnie? are you there to help tongue ?

sparks · 2010-12-22 06:56:28

Hi guys! Sorry I was away for all that hmm I'll be on this evening though!

Reading through that it seemed to be getting a little heated so I was going to say try and remain calm and polite, but it seemed to cool down again towards the end so I guess you got it back under control responsibly.

Pecola1 poses a good point. Depending (for a Scratch block) whether it can be used for the stage and the sprite or only one of the two, the blockspec goes into a different place. I think we should have one of two options. The one on Pecola1's mockup where you can choose where it goes, or a dropdown list containing common paths to blockspecs with an "other" text space next to it where a different path can be entered. One thing the current library does not really have is a path for each piece of code and I would like to add that to the new site in order to make block adding easier for newcomers.

I spoke to Coolstuff (as you can probably see) and he has said there's no problem with going ahead and making a site!

meowmeow55 also poses a good point, the urls given into both the sprite file text box for BYOB and the block images for all the blocks need to check to see if they are of the correct format. (e.g. jpg, gif, jpeg, png and other common, compatiable image formats and then the .ysp format for a sprite file). This saves us getting people typing nonsense into the form really quickly to get a dud submission (something that happened a lot to me when I ran my survey).

Along the same lines, is there a way for block library submitters to log into the library with their Scratch account? This would stop someone doing something stupid (e.g. rude or dangerous)and submitting it under another scratcher's name? If not, can we get the "Who created this block?" box to check to see if the name entered into the box is a valid Scratch username?

I think all the images of the block catagories look dirty. Correct me if I'm wrong, it might just be my computer. Here are some clean ones I've uploaded to my imageshack though sadly these have white borders around them hmm .

(the highlighted ones are in case we can make them highlighted to replace the radios. I couldn't be asked to do a highlighted "other" yet though smile

The Panther upload form currently does not have catagory options for files and colors... and clicking Submit block" takes you to a typo: "Block submited successfuly!" Should be "Block submitted successfully!"

Last edited by sparks (2010-12-22 07:00:29)

Daffy22 · 2010-12-22 08:26:43

sparks wrote:
Hi guys! Sorry I was away for all that I'll be on this evening though!

Reading through that it seemed to be getting a little heated so I was going to say try and remain calm and polite, but it seemed to cool down again towards the end so I guess you got it back under control responsibly.

Pecola1 poses a good point. Depending (for a Scratch block) whether it can be used for the stage and the sprite or only one of the two, the blockspec goes into a different place. I think we should have one of two options. The one on Pecola1's mockup where you can choose where it goes, or a dropdown list containing common paths to blockspecs with an "other" text space next to it where a different path can be entered. One thing the current library does not really have is a path for each piece of code and I would like to add that to the new site in order to make block adding easier for newcomers.

I spoke to Coolstuff (as you can probably see) and he has said there's no problem with going ahead and making a site!

meowmeow55 also poses a good point, the urls given into both the sprite file text box for BYOB and the block images for all the blocks need to check to see if they are of the correct format. (e.g. jpg, gif, jpeg, png and other common, compatiable image formats and then the .ysp format for a sprite file). This saves us getting people typing nonsense into the form really quickly to get a dud submission (something that happened a lot to me when I ran my survey).

Along the same lines, is there a way for block library submitters to log into the library with their Scratch account? This would stop someone doing something stupid (e.g. rude or dangerous)and submitting it under another scratcher's name? If not, can we get the "Who created this block?" box to check to see if the name entered into the box is a valid Scratch username?

I think all the images of the block catagories look dirty. Correct me if I'm wrong, it might just be my computer. Here are some clean ones I've uploaded to my imageshack though sadly these have white borders around them .

http://img411.imageshack.us/img411/4748/60099706.png http://img221.imageshack.us/img221/5133/36372969.png
http://img140.imageshack.us/img140/1161/45931259.png http://img413.imageshack.us/img413/5004/53603121.png
http://img697.imageshack.us/img697/7972/12362709.png http://img801.imageshack.us/img801/8633/15081457.png
http://img638.imageshack.us/img638/846/74479598.png http://img3.imageshack.us/img3/7809/63163070.png
http://img257.imageshack.us/img257/1047/73218028.png http://img833.imageshack.us/img833/9981/58555518.png
http://img713.imageshack.us/img713/4955/64678798.png http://img222.imageshack.us/img222/7444/87098882.png
http://img718.imageshack.us/img718/7136/57845547.png http://img87.imageshack.us/img87/6756/36019228.png
http://img257.imageshack.us/img257/6743/51602058.png http://img222.imageshack.us/img222/2059/15049987.png
http://img641.imageshack.us/img641/4843/81281018.png http://img256.imageshack.us/img256/4751/93713136.png
http://img193.imageshack.us/img193/1651/79463872.png http://img834.imageshack.us/img834/166/39184419.png
http://img141.imageshack.us/img141/4765/othera.png

(the highlighted ones are in case we can make them highlighted to replace the radios. I couldn't be asked to do a highlighted "other" yet though

The Panther upload form currently does not have catagory options for files and colors... and clicking Submit block" takes you to a typo: "Block submited successfuly!" Should be "Block submitted successfully!"

Okay, I can make those changes. We can't let users logon with their scratch username but we might be able to check their username is valid smile

I'll replace those images tonight then and change the typo too big_smile

I'm currently making the approve form thing ect. It's going well but could everyone email me (daffy22scratch@gmail.com) what they want their password to be. Thanks smile

sparks · 2010-12-22 08:59:34

Email with password sent.

Daffy22 · 2010-12-22 09:20:52

sparks wrote:
Email with password sent.

ok, got it smile

Scratch

archived forums

#101 2010-12-21 15:12:15

Re: Welcome to your local block library! - Website development thread.

Code:

#102 2010-12-21 15:16:31

Re: Welcome to your local block library! - Website development thread.

#103 2010-12-21 15:21:54

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

#104 2010-12-21 15:29:44

Re: Welcome to your local block library! - Website development thread.

ProgrammingFreak wrote:

Daffy22 wrote:

#105 2010-12-21 15:30:19

Re: Welcome to your local block library! - Website development thread.

#106 2010-12-21 15:30:31

Re: Welcome to your local block library! - Website development thread.

#107 2010-12-21 15:33:58

Re: Welcome to your local block library! - Website development thread.

ProgrammingFreak wrote:

#108 2010-12-21 15:43:17

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

ProgrammingFreak wrote:

#109 2010-12-21 15:45:09

Re: Welcome to your local block library! - Website development thread.

ProgrammingFreak wrote:

Daffy22 wrote:

ProgrammingFreak wrote:

#110 2010-12-21 15:46:43

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

ProgrammingFreak wrote:

Daffy22 wrote:

#111 2010-12-21 15:49:42

Re: Welcome to your local block library! - Website development thread.

#112 2010-12-21 15:54:22

Re: Welcome to your local block library! - Website development thread.

bbbeb wrote:

#113 2010-12-21 15:59:55

Re: Welcome to your local block library! - Website development thread.

#114 2010-12-21 16:01:25

Re: Welcome to your local block library! - Website development thread.

#115 2010-12-21 16:03:51

Re: Welcome to your local block library! - Website development thread.

#116 2010-12-21 16:29:12

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

bbbeb wrote:

#117 2010-12-21 19:55:29

Re: Welcome to your local block library! - Website development thread.

#118 2010-12-21 23:50:45

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

#119 2010-12-22 02:22:15

Re: Welcome to your local block library! - Website development thread.

#120 2010-12-22 04:02:17

Re: Welcome to your local block library! - Website development thread.

fg123 wrote:

#121 2010-12-22 04:26:23

Re: Welcome to your local block library! - Website development thread.

#122 2010-12-22 06:56:28

Re: Welcome to your local block library! - Website development thread.

#123 2010-12-22 08:26:43

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

#124 2010-12-22 08:59:34

Re: Welcome to your local block library! - Website development thread.

#125 2010-12-22 09:20:52

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

Board footer