ArtScope-CP

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 13 Open GitHub ↗

ArtScope is a HTML/CSS and JS based responsive webpage for an institution that combines Photography with Astronomy and is specialize on teaching students Space Photography around the world.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ArtScope

This is Artscope, a HTML/CSS and JS based website for a photography institution that mix photography with astronomy and teach students from all around the world spacial photography. For creating this web I have set up linters such as:

- `Lighthouse`: that gives me global performance insights about the page with a single test.
- `Webhint`: that helped me improve the site's accessibility, speed, cross-browser compatibility, and more.
- `Stylelinter`: that helped to avoid errors and enforce CSS conventions.

The overall style and positioning was made using pure CSS, following Flexbox and Grid layout models simultaneously.

## Built With

- HTML
- CSS
- JS

## Live Demo and Visual check

[Live Demo Link](https://angeluray.github.io/angelCapstone-project/)

### Desktop version overview

![mobile](https://user-images.githubusercontent.com/97189760/218118185-26e89a71-74bd-4545-b047-b869980c63f8.png)
![mobile (2)](https://user-images.githubusercontent.com/97189760/218118202-90b7b4b0-f297-4294-bfb2-83f469d61f48.png)
![mobile (3)](https://user-images.githubusercontent.com/97189760/218118216-8bb7cc48-bfb5-462c-bd41-1e6199f09436.png)
![mobile (4)](https://user-images.githubusercontent.com/97189760/218118229-398e18aa-6ad6-46d4-b375-87e91dafe077.png)

### Mobile version overview

![mobile (5)](https://user-images.githubusercontent.com/97189760/218119141-0f656422-be8d-4e5a-b9f9-c3dc0f79a01f.png)
![mobile (6)](https://user-images.githubusercontent.com/97189760/218119153-3c1b5825-cd1e-4985-9f8d-b3bd8f757434.png)
![mobile (7)](https://user-images.githubusercontent.com/97189760/218119160-9a1a57fe-f142-42b9-ba9f-7ddba0d40d53.png)
![mobile (8)](https://user-images.githubusercontent.com/97189760/218119171-866aa949-6c3b-4df7-bd2a-80a15c3dc0b9.png)

## Getting Started

To get a local copy up and running it, follow these simple steps.

### Prerequisites

- Internet Service.
- Basic Knowledge about Git and Github.
- VSCode.

### Setup

1. Create an empty folder in your computer to store the clone.

2. Copy the following link and paste it into your VSCode or your terminal:

> git@github.com:angeluray/angelCapstone-project.git

3. Store it in the file you created before.

4. Create a new branch for working and make changes to adapt it according to your requirements.

### Install

To install linters please open the ***.github/workflows*** then get into ***linters.yml*** and check the instructions and commands.

### Usage

For educational purpose only, use it as a guideline.

## Authors

👤 **Angel Uray**

- GitHub: [@angeluray](https://github.com/angeluray)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Special thanks to the autor of the original design Cindy Shin.
- ***“There are three ways to ultimate success: The first way is to be kind. The second way is to be kind. The third way is to be kind.” —Mister Rogers***

## 📝 License

This project is [MIT](./MIT.md) licensed.

ArtScope-CP

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README