Skip to content

Commit

Permalink
Update colors and social media card
Browse files Browse the repository at this point in the history
  • Loading branch information
@corbindavenport
corbindavenport committed Jun 25, 2023
1 parent 62d7918 commit f928459
Show file tree
Hide file tree
Showing 4 changed files with 33 additions and 27 deletions.
22 changes: 12 additions & 10 deletions edit/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,21 +15,23 @@
<link rel="icon" type="image/png" sizes="24x24" href="/img/icon_x24.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="shortcut icon" href="favicon.ico">
<meta name="theme-color" content="#212529">
<!-- Twitter card -->
<meta name="theme-color" content="#343a40">
<!-- Open Graph card -->
<meta property="og:type" content="website" />
<meta property="og:title" content="PhotoStack" />
<meta property="og:description" content="Convert, resize, watermark, and crop images in a few clicks." />
<meta property="og:image" content="https://photostack.app/img/maskable_icon_x512.png" />
<meta property="og:image:width" content="512" />
<meta property="og:image:height" content="512" />
<meta name="og:image:alt" content="PhotoStack icon" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@corbindavenport" />
<meta name="twitter:title" content="PhotoStack" />
<meta name="twitter:description" content="Convert, resize, watermark, and crop images in a few clicks." />
<meta name="twitter:image" content="https://photostack.app/img/maskable_icon_x512.png" />
<meta name="twitter:image:alt" content="PhotoStack app icon" />
<!-- Analytics -->
<script defer data-domain="photostack.app" src="https://plausible.io/js/plausible.js"></script>
</head>

<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-sm bg-dark border-bottom d-print-none">
<nav class="navbar fixed-top navbar-expand-sm bg-light-subtle border-bottom d-print-none">
<div class="container-fluid">
<a class="navbar-brand d-sm-none" href="#">PhotoStack</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -340,7 +342,7 @@ <h5 class="modal-title" id="photostack-export-modal-label">
<div class="mb-3">
<input type="text" class="form-control" id="photostack-file-name-pattern" autocomplete="on" placeholder="Name pattern" enterkeyhint="done">
</div>
<button type="button" id="photostack-start-export-btn" class="btn w-100 btn-primary">Start export</button>
<button type="button" id="photostack-start-export-btn" class="btn w-100 btn-primary">Start export</button>
</div>
</div>
<!-- Export in progress modal -->
Expand Down Expand Up @@ -435,4 +437,4 @@ <h5 class="modal-title" id="photostack-export-modal-label">Export images</h5>
<script src="/js/register-sw.js"></script>
</body>

</html>
</html>
18 changes: 10 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,22 +15,24 @@
<link rel="icon" type="image/png" sizes="24x24" href="img/icon_x24.png">
<link rel="manifest" href="site.webmanifest">
<link rel="shortcut icon" href="favicon.ico">
<meta name="theme-color" content="#212529">
<!-- Twitter card -->
<meta name="theme-color" content="#343a40">
<!-- Open Graph card -->
<meta property="og:type" content="website" />
<meta property="og:title" content="PhotoStack" />
<meta property="og:description" content="Convert, resize, watermark, and crop images in a few clicks." />
<meta property="og:image" content="https://photostack.app/img/maskable_icon_x512.png" />
<meta property="og:image:width" content="512" />
<meta property="og:image:height" content="512" />
<meta name="og:image:alt" content="PhotoStack icon" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@corbindavenport" />
<meta name="twitter:title" content="PhotoStack" />
<meta name="twitter:description" content="Convert, resize, watermark, and crop images in a few clicks." />
<meta name="twitter:image" content="https://photostack.app/img/maskable_icon_x512.png" />
<meta name="twitter:image:alt" content="PhotoStack app icon" />
<!-- Analytics -->
<script defer data-domain="photostack.app" src="https://plausible.io/js/plausible.js"></script>
</head>

<body style="padding-top: 40px;">

<!-- Nav bar -->
<nav class="navbar fixed-top navbar-expand-sm bg-dark border-bottom">
<nav class="navbar fixed-top navbar-expand-sm bg-light-subtle border-bottom d-print-none">
<div class="container-fluid">
<a class="navbar-brand d-sm-none" href="#">PhotoStack</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand Down
2 changes: 1 addition & 1 deletion site.webmanifest
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"purpose": "maskable"
}
],
"theme_color": "#212529",
"theme_color": "#343a40",
"background_color": "#212529",
"display": "standalone",
"start_url": "/edit?utm_source=Installed%20App&utm_medium=Home%20Screen"
Expand Down
18 changes: 10 additions & 8 deletions watermarks/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,22 +15,24 @@
<link rel="icon" type="image/png" sizes="24x24" href="/img/icon_x24.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="theme-color" content="#212529">
<!-- Twitter card -->
<meta name="theme-color" content="#343a40">
<!-- Open Graph card -->
<meta property="og:type" content="website" />
<meta property="og:title" content="PhotoStack" />
<meta property="og:description" content="Convert, resize, watermark, and crop images in a few clicks." />
<meta property="og:image" content="https://photostack.app/img/maskable_icon_x512.png" />
<meta property="og:image:width" content="512" />
<meta property="og:image:height" content="512" />
<meta name="og:image:alt" content="PhotoStack icon" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@corbindavenport" />
<meta name="twitter:title" content="PhotoStack" />
<meta name="twitter:description" content="Convert, resize, watermark, and crop images in a few clicks." />
<meta name="twitter:image" content="https://photostack.app/img/maskable_icon_x512.png" />
<meta name="twitter:image:alt" content="PhotoStack app icon" />
<!-- Analytics -->
<script defer data-domain="photostack.app" src="https://plausible.io/js/plausible.js"></script>
</head>

<body style="padding-top: 40px;">

<!-- Nav bar -->
<nav class="navbar fixed-top navbar-expand-sm bg-dark border-bottom">
<nav class="navbar fixed-top navbar-expand-sm bg-light-subtle border-bottom d-print-none">
<div class="container-fluid">
<a class="navbar-brand d-sm-none" href="#">PhotoStack</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand Down

0 comments on commit f928459

Please sign in to comment.