Refined README, somaller tweaks

sharknoon · Nov 22, 2021 · a3eba6f · a3eba6f
1 parent d7ce72b
commit a3eba6f
Show file tree

Hide file tree

Showing 4 changed files with 100 additions and 95 deletions.
diff --git a/README.md b/README.md
@@ -1,24 +1,39 @@
 # pixina
 
-## Project setup
-```
+[![Build & Deploy](https://github.com/Sharknoon/pixina/actions/workflows/build-and-deploy.yml/badge.svg)](https://github.com/Sharknoon/pixina/actions/workflows/build-and-deploy.yml)
+
+[Pixina](https://pixina.app) is a website that accompanies the creation and construction of a work of art from many small physical pixels. The artwork will be a 2.5m x 2.5m (8.2ft x 8.2ft) plug-in image.
+
+[The image](https://www.reddit.com/r/place/) of the artwork was created from April 1 - 3, 2017 on the forum Reddit in the form of a social experiment. For three days, Reddit users could put pixels on a 1000 x 1000 pixel white field. This field was called *Place*. However, there were limitations. For example, users could only place a pixel every ~5 minutes. Likewise, they only had 16 colors to choose from. In addition, the space was limited to one million pixels. This meant that users had to coordinate with each other if they wanted to paint a larger picture. In addition, the pixels could be overwritten again by other users, creating a battle for valuable space.
+
+[Reddit](https://reddit.com) is a forum in which users can exchange information. The forum does not focus on specific topics. Instead, anyone can create their own subforum (subreddit) for a specific topic and exchange ideas with other Reddit members there.
+
+The goal of this artwork is to recreate Reddit Place, which is considered a piece of Internet culture, in the real world. This is done by putting the pixels set by Reddit users on plug-in boards and thus having a representation in the real world.
+
+## Development
+
+```bash
 npm install
 ```
 
 ### Compiles and hot-reloads for development
-```
+
+```bash
 npm run serve
 ```
 
 ### Compiles and minifies for production
-```
+
+```bash
 npm run build
 ```
 
 ### Lints and fixes files
-```
+
+```bash
 npm run lint
 ```
 
 ### Customize configuration
+
 See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/index.html b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="">
+<html lang="en">
 
 <head>
   <meta charset="utf-8">

diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
@@ -145,15 +145,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "bootstrap";
-
 // Common styles for mobile and desktop
-#main-content {
-  max-width: 100vw;
-  @include media-breakpoint-up(md) {
-    max-width: calc(100vw - 20rem);
-  }
-}
 
 .background {
   background: url("./../assets/images/background.webp") no-repeat;