ocastastudios / codebar-git-workshop Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://gitforthe.win/
Home Page: https://gitforthe.win/
Come up with a name for your group, and replace the title of the group in groups.html with your new name.
Add styles to your group title and group info
This one is for everyone.
Make a branch with the ticket number and then your name, so all the branches are different.
EG. 17-danielvanberzon
Edit the groups.html page to add your photo into the group.
Your photo should be in...
/images/photos
Then edit the text underneath your photo to tell everyone what you have learned today.
Edit styles.css to add visual styling to the Navbar and Header.
There is a link to the design guide are below, but feel free to be creative.
However it's important that:
Come up with a name for your group, and replace the title of the group in groups.html with your new name.
Add styles to your group title and group info
Replace the placeholder images in the footer of setup.html with the Ocasta and Skiff logos.
The logos are in the images directory
/images/ocasta-logo.svg
/images/theskiff-logo.png
The event is sponsored by Ocasta and hosted by the Skiff.
The design guide is below
Come up with a name for your group, and replace the title of the group in groups.html with your new name.
Add styles to your group title and group info
Drag this ticket across the different columns
Come up with a name for your group, and replace the title of the group in groups.html with your new name.
Add styles to your group title and group info
Edit styles.css to add visual styling to the footer.
There is a link to the design guide are below, but feel free to be creative.
However it's important that:
Edit styles.css to apply sensible font sizes and styles to the body, heading and paragraph styles.
Add the font Family 'Montserrat' to the body, with sensible fallback fonts.
The design guides can be found here:
https://gitforthe.win/design-guide/index.png
https://gitforthe.win/design-guide/setup.png
Edit index.html and setup.html and groups.html to add sensible alt text to all images and logos in the.
Alt texts should be descriptive to allow people experiencing the website through a screen reader to understand the context of the image.
For example "Ocasta studios logo" rather than "logo"
Come up with a name for your group, and replace the title of the group in groups.html with your new name.
Add styles to your group title and group info
Edit styles.css to add visual styles to the setup page to improve readability.
Add styles to the links, code tags and strong tags and anything else you thing would make the page easier to read.
For example code snippets might look good as white on black like in a terminal.
Or maybe the links should have a different colour.
Be creative, but the most important thing is that the setup page text is easy to follow.
The image tags need to have 'alt' tags.
Edit styles.css to add visual styling to the schedule table on the index page
There is a link to the design guide below, but feel free to be creative.
However it is important that:
Replace the placeholder images in the footer of index.html with the Ocasta and Skiff logos.
The logos are in the images directory
/images/ocasta-logo.svg
/images/theskiff-logo.png
The event is sponsored by Ocasta and hosted by the Skiff.
The design guide is below
Replace the placeholder images in the footer of groups.html with the Ocasta and Skiff logos.
The logos are in the images directory
/images/ocasta-logo.svg
/images/theskiff-logo.png
The event is sponsored by Ocasta and hosted by the Skiff.
The design guide is below
Edit setup.html to change the headings from P tags to the correct level of heading.
The main heading should be h1 and subsequent headings should be h2 or h3 depending on the level.
The design guideline is below
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.