Hi there, session participant!

A lot of focus when you're designing a MozFest session is to work on post-mozfest participation, so here I've compiled some detailed information for downloading your webpage code, editing it, and sending it back to the web - meaning you can continue to work on your page even though MozFest is over!

The instructions aren't fully finished yet, so for full detail, come back to check on this page in a few days time!

Downloading your code

Linux

If your computer is a linux computer, that makes everything very simple! You need to go to the Setup_Script and download it by pressing SAVE/SAVE-AS in your webbrowser toolbar (or maybe by pressing CTRL-S)

Now, go to the terminal - the chances are you know how to find it (if not google it) and navigate (using the cd command, again you may need to use google) to the Downloads folder (or wherever you saved the Setup_Scipt). Now, type: ./Setup_Script.sh

If this doesn't work you may need to type chmod +x Setup_Script.sh

Finally, type cd mozfest2019.github.io and ./Setup, pressing CTRL-C to cancel it when it asks for the name of your project. (As this runs the setup software without creating a new project.)

MacOS

For MacOS, you can try two out both the Linux and Windows methods. Look for the mac terminal by searching the applications, and try typing brew install git in the terminal before running Setup_Script. It may not work - if not, please feel free to contact me - see my contact page on my website!

If that doesn't work, you my want to try the windows method!

Windows

Unfortunately, there isn't an easy method for windows. You're free to experiment with this, which you have to use with the Windows Command Prompt, or even this Desktop version. If you wish to try out either of these, I'm very happy to help! Just send me an email, and we can get onto it! However, the easy way to do it is as follows:

To download, we are using the same method as getting the Setup_Script with linux. You need to go to your webpage (via the Main Page) and download it by pressing SAVE/SAVE-AS in your webbrowser toolbar (or maybe by pressing CTRL-S)

Then, in the webbrowser URL bar at the top (the bit that has links like https://www.google.com) type http://mozfest2019.github.io/[your webpage name]/style.css and repeat the downloading process!

Editing your page

Linux

To edit your code in linux, open the mozfest2019.github.io folder in a file explorer, and open style.css and index.html up in a text/code editor. style.css is the CSS file, and index.html is the HTML file. You can also open them up in a webbrowser to view changes.

MacOS

Again, you can either use the linux instructions (if they work) or the windows ones.

Windows

With editing the code files in windows, it's quite similar to linux. After downloading your code files, open them in both a text/code editor and a webbrowser. Edit in the text editor, and SAVE and RELOAD in the browser to view changes!

Rescources

The resources I provided in the session - the powerpoint, and all the helpsheets, will soon be found in a google drive folder - I'll set this up as soon as possible!

Sending it back to the web

Linux

With linux, its quite easy to send your code files back to the web. Go back to the terminal, navigate into your project's space, and type: ./SendToTheWeb --all

Follow the instructions, and in a minute or so, check the internet - your page should be all-new!

MacOS

Again, you can either use the linux instructions (if they work) or the windows ones.

Windows

Unfortunately, as I mentioned, there isn't an easy way to do all this with windows, so the best solution I can come up with to date is if you send me an email containing your name, project name, and file/s you want on the web, I'll put them up there as soon as I can. My email is on my contact page on my website!

Tips and tricks

Coming soon too!


Feel free to get in touch with me - see my contact page on my website!