Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/App-Choreography/Fix-Our-Readme
To help new-comers, come here, fish out an error in our readme, and make a pull request!
https://github.com/App-Choreography/Fix-Our-Readme
issues newcomers pull-requests
Last synced: 4 days ago
JSON representation
To help new-comers, come here, fish out an error in our readme, and make a pull request!
- Host: GitHub
- URL: https://github.com/App-Choreography/Fix-Our-Readme
- Owner: App-Choreography
- License: mit
- Created: 2021-08-12T13:57:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-26T22:44:37.000Z (about 2 years ago)
- Last Synced: 2024-08-03T17:14:31.468Z (3 months ago)
- Topics: issues, newcomers, pull-requests
- Homepage:
- Size: 62.5 KB
- Stars: 4
- Watchers: 1
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
###### Join our org [Here ✉️](https://github.com/App-Choreography/Get-An-Invite/issues/new?assignees=CodingSpecies&labels=Organisation+Invite%21+%F0%9F%93%A8&template=please-can-i-join-this-organisation------.md&title=Please+Can+I+Join+This+Organisation%3F+%F0%9F%A5%BA%F0%9F%99%8F") | [Our Website 🌐](https://app-choreography.github.io/) | [Repositories 📚](https://github.com/orgs/App-Choreography/repositories)
# Fix Our Readme!
[](#contributors-)
Get an invite to our organisation when you contribute!
**This is a super easy way to polish your issue and pull request skills!**
Simply make a pull request with your fixes, and then create an issue, either using our templates, or free style!
### Contributing Guidelines: [How-To-Contribute](https://github.com/App-Choreography/How-To-Contribute)
## Here is the list on what to fix:
> Please only choose 1 error per coder, so everyone has a go!
- [x] Headings on where they are designed:
`#` This is where a H1 is meant to be!
- [x] Capital letters where they are missing, at the start of every sentence.
- [x] Spelling mistakes.
- [x] Broken markdown:
`##This is a H2` ----> `## This is a H2`
---
## Are you ready...
Here we go!
---
## How to make a website with mutiple backgrounds:
### Here is the screenshot of the website we will master today!
Looks cool right?
## The reqired code you will need:
```html
Under sea demo
WORD BLA BLA BLA
```
### The HTML:
as always, their will always be a boilerplate::;
```html
```
the `body` tagg shoows the elements of the DOM(Document Object Moddell).
## Lets carrie on!
```html
WORD BLA BLA BLA
```
## So we have 6 `
` elements, that contain imgs, and our last div contains our main text!
## Time for the CSS!
```css
body, html {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
.bg-image {
height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.img1 {background-image: url("https://wallpaperaccess.com/full/1321265.jpg");}
.img2 {background-image: url("https://www.irishnews.com/picturesarchive/irishnews/irishnews/2018/03/11/181039187-d87ff77c-48c4-4a04-89d0-feae54f2faec.jpg");}
.img3 {background-image: url("https://i.natgeofe.com/n/705ec8f5-2a1b-43c1-98ba-1d8ebfe58fce/01-trumps-ocean-policy-nationalgeographic_2461163_16x9.jpg?w=636&h=358");}
.img4 {background-image: url("https://ml8ygptwlcsq.i.optimole.com/fMKjlhs-Dn1kuuR_/w:412/h:274/q:auto/https://www.unite.ai/wp-content/uploads/2020/04/fish-288988_960_720.jpg");}
.img5 {background-image: url("https://ensia.com/wp-content/uploads/2017/02/feature_ocean_soundscapes_main2-1-760x378.jpg");}
.img6 {background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQg069NjXxl1pnbY0J6a7JOkoqAGMp3Kh2YcIfim4M_KX84wvX_sF4e7UFbVnhRg-OWOUU&usqp=CAU");}
.bg-text {
background-color: rgb(0, 0, 0);
background-color: rgba(0,0,0, 0.4);
color: white;
font-weight: bold;
font-size: 80px;
border: 10px solid #f1f1f1;
position: fixed;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 300px;
padding: 20px;
text-align: center;
}
```
## How you guys can help!
- [x] We need to add a CSS explanation!
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Anirudh Anup
🖋
CodingSpecies
📆
Sumit Mukharjee
🖋
Harshit Aditya
🖋
Kira
🖋
Harshbardhan Singh
🖋
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!