diff --git a/README.md b/README.md index a616cb2..e0bae1e 100644 --- a/README.md +++ b/README.md @@ -4,9 +4,9 @@

Weather at a Glance

- GitHub Discussions +
@@ -14,10 +14,11 @@
## Features -* Displays real-time temperature, humidity, wind speed, UV index, pressure and more -* Utilizes graphical representations, such as temperature , precipitation graphs and wind-speed with direction to provide an hourly forecast for the next 24 hours -* Also shows tomorrow and 7-day forcasts -* See conditions in metric or imperial systems + +- Displays real-time temperature, humidity, wind speed, UV index, pressure and more +- Utilizes graphical representations, such as temperature , precipitation graphs and wind-speed with direction to provide an hourly forecast for the next 24 hours +- Also shows tomorrow and 7-day forcasts +- See conditions in metric or imperial systems ## Installation @@ -25,7 +26,8 @@ Download on Flathub -* Or you can use the terminal: +- Or you can use the terminal: + ``` flatpak install flathub io.github.amit9838.mousam ``` @@ -34,12 +36,14 @@ flatpak install flathub io.github.amit9838.mousam Download on SnapCraft -* Or you can use the terminal: +- Or you can use the terminal: ``` sudo snap install mousam ``` + ### **Debian** (Unofficial) + Download on SnapCraft Thanks to @hsbasu for maintaining Debian package @@ -47,12 +51,15 @@ Thanks to @hsbasu for maintaining Debian package [Installation Instruction](https://github.com/amit9838/mousam/discussions/68) ## Build + ### Dependances -* python3-requests -* build-essential -* meson - + +- python3-requests +- build-essential +- meson + ### Build + ``` rm -rf builddir meson setup -Dprefix=$HOME/.local builddir @@ -60,27 +67,28 @@ meson compile -C builddir --verbose ``` ### Install + ``` meson install -C builddir ``` + ### Run + ``` mousam ``` ## Contribution + Thanks to all the contributors have helped in the development project so that open-source community can enjoy best tools with best features. - - - - ## Credits -- Thanks to [Open Meteo](https://open-meteo.com/) from providing weather data for free of cost. + +- Thanks to [Open Meteo](https://open-meteo.com/) from providing weather data for free of cost. - Thanks to [@basmilius](https://github.com/basmilius) for making beautiful weather icons. @@ -89,7 +97,8 @@ Thanks to all the contributors have helped in the development project so that op I hope you ❤️ Mousam, if you think it is worth supporting you can do so using below methods

-Buy Me A Coffee + +
diff --git a/website/src/components/About.jsx b/website/src/components/About.jsx index c81f3b6..ea83455 100644 --- a/website/src/components/About.jsx +++ b/website/src/components/About.jsx @@ -10,7 +10,7 @@ export default function About() {

About

-
+

Mousam is a sleek desktop-weather application offering real-time weather updates and forecasts for the next{" "} @@ -30,25 +30,23 @@ export default function About() { Open-Meteo API , ensuring accurate and timely information.

-

About me

- Hello, I'm Amit. I began this project as part of my journey in - learning Gtk with Python. It's exciting to see Mousam receiving - positive responses, which is really motivating for me. Throughout this - experience, I've gained valuable knowledge and continue to learn every - day. + I’m Amit, and I initiated this project as part of my ongoing + exploration of Gtk with Python. It’s great to see Mousam’s success and + positive feedback. It motivates me to keep working on the project.

- I admire the collaborative nature of open source, where people can - freely interact, discuss cool ideas, and contribute to projects. + I commend the collaborative spirit inherent in open source, where + individuals can freely interact, exchange innovative ideas, and + contribute to projects collectively.

- If you haven't already, consider starting your own open source project - or contribute to existing projects it's a fantastic way to learn and - grow. -
Happy coding! + Let's build something amazing together! Join the open source community + today. Whether you're starting your own project or contributing to an + existing one, it's a fantastic way to learn and grow.

+ Let's code together! {/* Developer Card */}
diff --git a/website/src/components/Button.jsx b/website/src/components/Button.jsx index 9f29e47..8238d93 100644 --- a/website/src/components/Button.jsx +++ b/website/src/components/Button.jsx @@ -1,7 +1,7 @@ export default function Button({ children, myStyle, ...props }) { - let styles = "hover:bg-primary px-4 py-2 rounded-full text-sm"; + let styles = "hover:bg-primary px-4 py-2 text-sm"; if (myStyle != null) { - styles = myStyle; + styles = styles+ " "+ myStyle; } return ( diff --git a/website/src/components/Footer.jsx b/website/src/components/Footer.jsx index 3dc4e00..7b57f01 100644 --- a/website/src/components/Footer.jsx +++ b/website/src/components/Footer.jsx @@ -2,7 +2,7 @@ export default function Footer() { return (

© 2024 Mousam App. All rights reserved.

- +
); } diff --git a/website/src/components/Hero.jsx b/website/src/components/Hero.jsx index be12231..387eb39 100644 --- a/website/src/components/Hero.jsx +++ b/website/src/components/Hero.jsx @@ -25,17 +25,52 @@ export default function Hero() {

30k+ downloads from flathub, snapstore and other stores.

- + */} +
+ {/* Top-left box */} +
+ {/* Top-center box */} +
+ {/* Top-right box */} +
+ + {/* Middle-left box */} +
+ {/* Center box (Button) */} +
+ +
+ {/* Middle-right box */} +
+ + {/* Bottom-left box */} +
+ {/* Bottom-center box */} +
+ {/* Bottom-right box */} +
+
diff --git a/website/src/components/Installation.jsx b/website/src/components/Installation.jsx index 63247f5..22cac42 100644 --- a/website/src/components/Installation.jsx +++ b/website/src/components/Installation.jsx @@ -30,6 +30,7 @@ export default function Installation() {
+

Installation

{tabs.map((item) => { @@ -51,14 +52,15 @@ export default function Installation() { })}
+
{tabs.map((item) => { let myStyle = - "bg-secondary hover:bg-gray-600 py-2 w-40 border-b-[1px]"; + "bg-secondary hover:bg-gray-600 py-2 w-40 border-b-[1px] border-slate-500"; if (item.tab_name === activeTab) { myStyle = - "bg-gray-500 hover:bg-gray-600 py-2 w-40 border-b-[1px]"; + "bg-gray-500 hover:bg-gray-600 py-2 w-40 border-b-[1px] border-slate-500"; } return (
-
+
{tabs.map((item) => { return ( item.tab_name === activeTab && ( diff --git a/website/src/components/Navbar.jsx b/website/src/components/Navbar.jsx index e31497e..3904cb6 100644 --- a/website/src/components/Navbar.jsx +++ b/website/src/components/Navbar.jsx @@ -22,7 +22,7 @@ export default function Navbar() { return (