Skip to content

Commit

Permalink
new website with react-vite
Browse files Browse the repository at this point in the history
  • Loading branch information
@amit9838
amit9838 committed Apr 25, 2024
1 parent 01d3bf6 commit 0c942e9
Show file tree
Hide file tree
Showing 32 changed files with 6,498 additions and 381 deletions.
25 changes: 25 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,28 @@
.vscode
builddir
__pycache__

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
8 changes: 8 additions & 0 deletions website/README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
176 changes: 30 additions & 146 deletions website/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,149 +1,33 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Carme&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLdPG8FJ0V7irTLQ8Uo0qcPxh4Plq7G5tGm0rU+1SPhVotteLpBERwTkw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="script.js" defer></script>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/weather.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Reddit+Mono:[email protected]&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Reddit+Mono:[email protected]&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
rel="stylesheet"
/>

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mousam</title>
</head>

<body>
<div class="header">
<div class="header-left">
<img src="https://github.com/amit9838/mousam/blob/master/data/icons/hicolor/scalable/apps/io.github.amit9838.mousam.svg?raw=true"
width="70">
<h1 class="title">Mousam</h1>
</div>
<div class="header-right">
<nav>
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#installation">Download</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
<a href="https://github.com/amit9838/mousam" target="_blank">
<h2 class="github-btn">
<i class="fa-brands fa-github"></i>
Github
</h2>
</a>
</div>
</div>



<div class="slideshow-container">
<div class="mySlides fade">
<img src="https://raw.githubusercontent.com/amit9838/mousam/master/screenshots/ss5-overcast.png?raw=true#gh-dark-mode-only"
style="width:100%">
</div>

<div class="mySlides fade">
<img src="https://raw.githubusercontent.com/amit9838/mousam/master/screenshots/ss1-dark_mode.png?raw=true#gh-dark-mode-only"
style="width:100%">
</div>

<div class="mySlides fade">
<img src="https://raw.githubusercontent.com/amit9838/mousam/master/screenshots/ss4-light_mode.png?raw=true#gh-light-mode-only"
style="width:100%">
</div>

<!-- Manual slideshow buttons -->
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>

<section id="features" class="features">

<div class="features-container">
<!-- <p>Beautiful lightweight weather app.</p> -->
<h2>Features</h2>
<ul>
<li>Displays real-time temperature, humidity, wind speed, UV index, pressure and more</li>
<li>Utilizes graphical representations, such as temperature , precipitation graphs and wind-speed with
direction to provide an hourly forecast for the next 24 hours</li>
<li>Also shows tomorrow and 7-day forcasts</li>
<li>See conditions in metric or imperial systems</li>
</ul>
</div>
</section>


<section id="installation">

<h2>Installation</h2>
<a href="https://github.com/amit9838/mousam/releases"><img
src="https://img.shields.io/github/v/release/amit9838/mousam?style=flat&label=Latest+Release&color=%234a92ff"></a>
<a href="https://github.com/amit9838/mousam/discussions"><img alt="GitHub Discussions"
src="https://img.shields.io/github/discussions/amit9838/mousam?logo=github&color=orange"></a>
<h3 class="subheading">Get it from flathub</h3>
<a href='https://flathub.org/apps/io.github.amit9838.mousam' target="_blank"><img width='240'
alt='Download on Flathub' src='https://dl.flathub.org/assets/badges/flathub-badge-en.png' /></a>
<p>Or you can use the terminal:</p>
<pre>
<code>flatpak install flathub</code>

<code>flatpak install io.github.amit9838.mousam</code>
</pre>

<h3 class="subheading">Get it from Snapstore</h3>
<a href='https://snapcraft.io/mousam' target="_blank"><img width='240' alt='Download on SnapCraft'
src='https://github.com/snapcore/snap-store-badges/blob/master/EN/%5BEN%5D-snap-store-black-uneditable.png?raw=true' /></a>
<p>Or you can use the terminal:</p>
<pre><code>sudo snap install mousam</code></pre>

<h3 class="subheading">Install Debian Package (Unofficial)</h3>
<a href='https://github.com/amit9838/mousam/discussions/68'><img width='240' alt='Download on SnapCraft'
src='https://www.m5hosting.com/wp-content/uploads/2021/07/debian-dedicated-server.jpg'
style="border-radius:5px; padding:3px 8px; background-color:white;"></a>

<p>Thanks to @hsbasu for maintaining Debian package</p>
<a href="https://github.com/amit9838/mousam/discussions/68">See Installation Instructions</a>
</section>

<section id="about" class="about">
<h2>About</h2>
<p>Beautiful and lightweight weather app build using Gtk4, Libadwaita and Python. </p>
<p>View all contributors on <a href="https://github.com/amit9838/mousam/graphs/contributors" target="_blank">
<i class="fa-brands fa-github"></i> GitHub</a></p>
</section>

<section class="donation">
<h2>Support</h2>
I hope you ❤️ <b>Mousam</b> , if you think it is worth supporting you can do so using below methods
<br>
<br>
<div align="center">
<a href="https://www.buymeacoffee.com/ami9838" target="_blank"><img
src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"
style="height: 60px !important;width: 217px !important;">
</a>
</div>
</section>

<footer>
<p>&copy; 2024 Mousam App. All rights reserved.</p>
</footer>
<script>
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body>

</html>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading

0 comments on commit 0c942e9

Please sign in to comment.