Update Readme and added version

README.md

@@ -4,9 +4,23 @@ This is a simple React Application for calculating the correct FOV setting for v
 
 Calculations are referenced from [dinex86/FOV-Calculator](https://github.com/dinex86/FOV-Calculator).
 
+### Try it out
+
+The project is live [here](https://kotsiossp97.github.io/simracing-fov-calculator/), go ahead and give it a try!
+
 ### Under the hood
+
 - Vite React project with Typescript
 - shadcn/ui components with Tailwind CSS
 - SASS (SCSS) css preprocesssor
 
-![App Screenshot](https://raw.githubusercontent.com/kotsiossp97/simracing-fov-calculator/main/screenshots/screen1.png)
+![App Screenshot](https://raw.githubusercontent.com/kotsiossp97/simracing-fov-calculator/main/screenshots/screen1.png)
+![App Screenshot2](https://raw.githubusercontent.com/kotsiossp97/simracing-fov-calculator/main/screenshots/screen2.png)
+
+<div align="center">
+
+![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/kotsiossp97/simracing-fov-calculator/pagesDeploy.yml)
+![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/kotsiossp97/simracing-fov-calculator)
+![GitHub package.json version](https://img.shields.io/github/package-json/v/kotsiossp97/simracing-fov-calculator)
+
+</div>

package.json

@@ -1,7 +1,7 @@
 {
  "name": "simracing-fov-calculator",
  "private": true,
- "version": "0.0.0",
+ "version": "0.1.0",
  "type": "module",
  "author": {
  "name": "Konstantinos Andreou",

src/components/layout/TopBar.tsx

@@ -1,6 +1,8 @@
 import ThemeToggle from "@/components/feedback/ThemeToggle";
 import React from "react";
 import FovIcon from "@/assets/icon.svg?react";
+import { Github } from "lucide-react";
+import { Button } from "@/components/ui/button";
 
 const TopBar: React.FC = () => {
  return (
@@ -10,7 +12,15 @@ const TopBar: React.FC = () => {
  <h1 className="text-xl font-bold">Sim Racing FOV Calculator</h1>
  </div>
 
- <div>
+ <div className="flex items-center gap-3">
+ <Button variant={"outline"} size={"icon"} asChild>
+ <a
+ href="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/kotsiossp97/simracing-fov-calculator/"
+ target="_blank"
+ >
+ <Github size={"1.3rem"} />
+ </a>
+ </Button>
  <ThemeToggle />
  </div>
  </div>

src/data/games.ts

@@ -65,38 +65,37 @@ export const GAME_DATA = [
  calculation: "hfov",
  image: "ets.png",
  },
-
  {
- name: "GTR2",
- min: 0.5,
- max: 1.5,
- decimals: 1,
+ name: "F1 2021+",
+ min: -20,
+ max: +20,
+ decimals: 0,
  factor: 1,
- baseSingle: 58,
- baseTriple: 58,
- calculation: "vfovx",
+ base: 77,
+ increment: 2,
+ step: 1,
+ calculation: "hfov_base_step",
  },
  {
- name: "Race07",
- min: 0.4,
+ name: "GTR2",
+ min: 0.5,
  max: 1.5,
  decimals: 1,
  factor: 1,
  baseSingle: 58,
  baseTriple: 58,
  calculation: "vfovx",
  },
- {
- name: "F1 2021+",
- min: -20,
- max: +20,
- decimals: 0,
- factor: 1,
- base: 77,
- increment: 2,
- step: 1,
- calculation: "hfov_base_step"
- },
+ // {
+ // name: "Race07",
+ // min: 0.4,
+ // max: 1.5,
+ // decimals: 1,
+ // factor: 1,
+ // baseSingle: 58,
+ // baseTriple: 58,
+ // calculation: "vfovx",
+ // },
 ];
 
 export type TGame = (typeof GAME_DATA)[0];