Skip to content

Commit

Permalink
add: open graph and viewport
Browse files Browse the repository at this point in the history
  • Loading branch information
@edfloreshz
edfloreshz committed Nov 15, 2024
1 parent dde3038 commit efad5d5
Show file tree
Hide file tree
Showing 2 changed files with 92 additions and 102 deletions.
192 changes: 91 additions & 101 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,113 +1,103 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Tasks</title>
<link
rel="icon"
type="image/x-icon"
href="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg" />
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<nav>
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
<div class="relative flex items-center justify-between h-16">
<div
class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
<a href="index.html">
<div
class="flex-shrink-0 flex items-center space-x-2">
<img
class="lg:block h-8 w-auto"
src="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
alt="Workflow" />
<h1
class="text-slate-900 dark:text-white text-2xl font-extrabold tracking-tight">
Tasks
</h1>
</div>
</a>
</div>
<div
class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
<div class="hidden sm:block sm:ml-6">
<div class="flex space-x-4">
<a
href="https://github.com/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
<a
href="https://github.com/sponsors/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sponsor
us</a>
<a
href="https://github.com/edfloreshz/tasks/issues"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
aria-current="page">Issues</a>
</div>

<head>
<meta charset="UTF-8" />
<title>Tasks</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="Tasks" />
<meta property="og:description" content="Unleash your interstellar potential." />
<meta property="og:image"
content="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg" />
<meta property="og:url" content="https://tasks.edfloreshz.dev/" />
<meta property="og:type" content="website" />

<link rel="icon" type="image/x-icon"
href="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg" />
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.tailwindcss.com"></script>
</head>

<body>
<nav>
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
<div class="relative flex items-center justify-between h-16">
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
<a href="index.html">
<div class="flex-shrink-0 flex items-center space-x-2">
<img class="lg:block h-8 w-auto"
src="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
alt="Workflow" />
<h1 class="text-slate-900 dark:text-white text-2xl font-extrabold tracking-tight">
Tasks
</h1>
</div>
</a>
</div>
<div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
<div class="hidden sm:block sm:ml-6">
<div class="flex space-x-4">
<a href="https://github.com/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
<a href="https://github.com/sponsors/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sponsor
us</a>
<a href="https://github.com/edfloreshz/tasks/issues"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
aria-current="page">Issues</a>
</div>
</div>
</div>
</div>
</div>

<!-- Mobile menu, show/hide based on menu state. -->
<div class="sm:hidden" id="mobile-menu">
<div class="px-2 pt-2 pb-10 space-y-1 text-center">
<a
href="https://github.com/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
<a
href="https://github.com/sponsors/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sponsor
us</a>
<a
href="https://github.com/edfloreshz/tasks/issues"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
aria-current="page">Issues</a>
</div>
<!-- Mobile menu, show/hide based on menu state. -->
<div class="sm:hidden" id="mobile-menu">
<div class="px-2 pt-2 pb-10 space-y-1 text-center">
<a href="https://github.com/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
<a href="https://github.com/sponsors/edfloreshz"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sponsor
us</a>
<a href="https://github.com/edfloreshz/tasks/issues"
class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
aria-current="page">Issues</a>
</div>
</nav>
</div>
</nav>

<div class="py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid place-content-center text-center">
<img
class="lg:block w-48 justify-center"
src="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
alt="Workflow" />
</div>
<br />
<div class="text-center mb-10">
<h1
class="text-slate-900 dark:text-white text-5xl leading font-extrabold tracking-tight text-gray-900 sm:text-6xl">
Go Supernova
</h1>
<h2
class="dark:text-white leading tracking-tight text-gray-900 sm:text-2xl mt-4">
Unleash your interstellar potential
</h2>
<p
class="mt-4 max-w-2xl text-xl dark:text-slate-300 mx-auto">
A simple task management app, reaching across the cosmos
to help you get things done
</p>
<div class="mt-4 grid place-content-center text-center">
<a
href="https://flathub.org/apps/dev.edfloreshz.Tasks">
<img
width="200"
alt="Get it on Flathub"
src="https://flathub.org/api/badge?locale=en" />
</a>
</div>
<div class="py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid place-content-center text-center">
<img class="lg:block w-48 justify-center"
src="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
alt="Workflow" />
</div>
<br />
<div class="text-center mb-10">
<h1
class="text-slate-900 dark:text-white text-5xl leading font-extrabold tracking-tight text-gray-900 sm:text-6xl">
Go Supernova
</h1>
<h2 class="dark:text-white leading tracking-tight text-gray-900 sm:text-2xl mt-4">
Unleash your interstellar potential
</h2>
<p class="mt-4 max-w-2xl text-xl dark:text-slate-300 mx-auto">
A simple task management app, reaching across the cosmos
to help you get things done
</p>
<div class="mt-4 grid place-content-center text-center">
<a href="https://flathub.org/apps/dev.edfloreshz.Tasks">
<img width="200" alt="Get it on Flathub" src="https://flathub.org/api/badge?locale=en" />
</a>
</div>
<a
href="https://github.com/edfloreshz/tasks"
class="grid place-content-center text-center">
<img id="screenshot" />
</a>
</div>
<a href="https://github.com/edfloreshz/tasks" class="grid place-content-center text-center">
<img id="screenshot" />
</a>
</div>
</body>
</html>
</div>
</body>

</html>
2 changes: 1 addition & 1 deletion src/app/settings.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ pub fn settings() -> Settings {
.client_decorations(true)
.theme(config.app_theme.theme())
.size_limits(Limits::NONE.min_width(350.0).min_height(180.0))
.size(Size::new(700.0, 900.0))
.size(Size::new(700.0, 750.0))
.debug(false)
}

Expand Down

0 comments on commit efad5d5

Please sign in to comment.