pitt-fuego Goto Github PK

Name: Pitt Fuego

Type: Organization

Bio: Multimodal Communication Tools - Forked and adapted from Open-Fuego for specific use at the University of Pittsburgh

Location: University of Pittsburgh

Blog: https://pitt-fuego.github.io/Pitt-Fuego-Coding-Tools/

Pitt Fuego Webtext Generator

Welcome to Pitt Fuego Webtext Generator! This tool allows the user to mix and match div. blocks to build a quick website similar to an Adobe Spark. All of the design elements you need to make a great webtext or presentation are embedded in the document. We've also provided hidden comments to help guide you through the process. See Video

We recommend you begin with one of our starter programs before using this one.

##Get started!

Go to the Pitt Fuego Webtext Generator Repository
Click the green "Code" button then select "Download ZIP" to your local computer.
Find this folder in your downloads and move it to a secure place. You will return to this folder to manage your files and other assets like images, pdfs, etcetera.
Download and/or open a text editor like atom.io or notepad-plus-plus.org.
Use the text editor to open the index.html and style.css documents from your project folder.
Start working with code by reading through the index.html where you'll find instructions on how to build your own webtext!
Once you have modified and added your files to your project file, you will want to publish to the web. GitHub provides a good solution for "free." Create a GitHub account, then create a new repository for this webtext. Click "uploading an existing file" and upload your files to your repository and "Commit changes". You'll need ALL of your assets to make your webtext function properly.
Now go to your repository "settings." Scroll down to "GitHub Pages" in the left-hand menu. Change the source setting from "none" to "main" "/root" and then Click "Save"
GitHub will provide you with a published URL. (This process may take up to five minutes.)
Test the URL in a browser. Magic, no? Actually, it's computer science.

Check out our other cool coding tools at Pitt Fuego.

Suggested Text Editors

Setting up Atom for Mac/Windows and CodePad for Chromebooks

(Mac)

Download "Atom" from Atom.io
Add HTML Preview
- from the dropdown menu, select Atom>Preferences>Install
- In the search bar type "atom-html-preview."
- Select the package built by "HARMSK." Click "Install."
Adjust text wrapping
- from the dropdown menu, select View>Toggle Soft Wrap (this will force lines of code to conform to your viewer tab.)

(Windows)

Download "Atom" from Atom.io
Add HTML Preview - from the dropdown menu, select File>Settings. In the tab that loads select +Install
In the search bar type "atom-html-preview."
Select the package built by "HARMSK." Click "Install."
Adjust text wrapping - from the dropdown menu, select View>Toggle Soft Wrap (this will force lines of code to conform to your viewer tab.)

(Chromebook)

Download "Code Pad Text Editor" from Chrome Web Store.
From the dropdown menu, select Editor>IDE Preferences
Toggle "Word wrap limit" to the middle value (this will force lines of code to conform to your viewer tab.)

Pitt Fuego's Projects

digital-media-course-portfolio

Use this portfolio system to encourage students to present their multimedia work and language their process. Students will need to work through some of the problems inherent in loading content to this template. Encourage them to find a stand of the spaces and to work together to solve these problems.

directed-reading

This directed reading tool helps student connect their readings and organize their thinking...while they develop computer literacy and a better understanding of computer science.

electrate-fuego

Use this tool to discover how different discourse communities in your life have contributed to your arrival in this space, virtual and actual, and consider how they might also contribute to where you might be going.

elevator-pitch-generator

Use the available means of persuasion to concisely language exactly what you want to say.

genius-joy-and-learning-summer-institute

Genius, Joy, and Love: Liberating Educators’ Creative Capacities for Change is an eight-day summer institute that will bring together educators to explore questions about how to center racial justice and equity through creative, arts-informed, innovative, relevant curricular engagements.

i-am-a-project-in-becoming

This coding tool is a great way to break the ice at begining of your school year. Why not use code to help your students introduce themselves? Get your students learning a little about computer science and building their coding literacy.

interactive-touchscreen-kiosk

Interactive Touchscreen Kiosk Toolkit - Please fork repository and send changes upstream to the "development" branch. More info in READ.ME

my-nature-outing

Use code to help you explore nature on your next outing.

my-nature-study

A Nature Study Tool, based on lessons from the Finnish Nature School

pitt-fuego-advertisement

Spread the word!

pitt-fuego-coding-tools

Make your own version of Pitt Fuego - Fork and adapt these websites to best serve you, your students, & organization.

pitt-fuego-webtext-generator

Welcome to Pitt Fuego Webtext Generator! Mix and match div. blocks to build a quick website similar to an Adobe Spark. All the design elements you need to make a great presentation/web page are embedded in the document.