Scale app for bigger screens

attestate · Sep 24, 2024 · b0c1665 · b0c1665
1 parent ea45787
commit b0c1665
Show file tree

Hide file tree

Showing 22 changed files with 30 additions and 21 deletions.
diff --git a/src/public/news.css b/src/public/news.css
@@ -1,6 +1,15 @@
 :root {
  --font-family: Verdana, Geneva, sans-serif;
 }
+@media screen and (min-width: 1800px) {
+ .scaled-hnmain {
+ transform: scale(1.5);
+ transform-origin: center top;
+ }
+ .drawer-link {
+ display: none;
+ }
+}
 .inverted-row {
  filter: invert(100%) brightness(175%);
 }

diff --git a/src/views/activity.mjs b/src/views/activity.mjs
@@ -259,7 +259,7 @@ export async function page(theme, identity, notifications, lastUpdate) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/basics.mjs b/src/views/basics.mjs
@@ -304,7 +304,7 @@ export default async function (trie, theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/best.mjs b/src/views/best.mjs
@@ -80,7 +80,7 @@ export default async function index(trie, theme, page, period, domain) {
  <body>
  <div class="container">
  ${Sidebar("/best")}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/community.mjs b/src/views/community.mjs
@@ -260,7 +260,7 @@ export default async function (trie, theme, query, identity) {
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/feed.mjs b/src/views/feed.mjs
@@ -462,7 +462,7 @@ export default async function (trie, theme, page, domain) {
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/guidelines.mjs b/src/views/guidelines.mjs
@@ -19,7 +19,7 @@ export default async function (theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/new.mjs b/src/views/new.mjs
@@ -128,7 +128,7 @@ export default async function (trie, theme) {
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/onboarding-curator.mjs b/src/views/onboarding-curator.mjs
@@ -78,7 +78,7 @@ export default async function (theme, identity) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/onboarding-reader.mjs b/src/views/onboarding-reader.mjs
@@ -79,7 +79,7 @@ export default async function (theme, identity) {
  <body>
  <div class="container">
  ${Sidebar("/onboarding-reader")}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/onboarding-submitter.mjs b/src/views/onboarding-submitter.mjs
@@ -72,7 +72,7 @@ export default async function (theme, identity) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/onboarding.mjs b/src/views/onboarding.mjs
@@ -69,7 +69,7 @@ export default async function (theme, identity) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/privacy.mjs b/src/views/privacy.mjs
@@ -21,7 +21,7 @@ export default async function (theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/referral.mjs b/src/views/referral.mjs
@@ -33,7 +33,7 @@ export default async function (theme) {
  <body>
  <div class="container">
  ${Sidebar("/referral")}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/retention.mjs b/src/views/retention.mjs
@@ -277,7 +277,7 @@ export default async function (trie, theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/shortcut.mjs b/src/views/shortcut.mjs
@@ -21,7 +21,7 @@ export default async function (theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/story.mjs b/src/views/story.mjs
@@ -210,7 +210,7 @@ export default async function (trie, theme, index, value, referral) {
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/submit.mjs b/src/views/submit.mjs
@@ -47,7 +47,7 @@ export default async function submit(theme, url = "", title = "") {
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/subscribe.mjs b/src/views/subscribe.mjs
@@ -39,7 +39,7 @@ export default async function index(theme) {
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/upvotes.mjs b/src/views/upvotes.mjs
@@ -213,7 +213,7 @@ export default async function (
  <body>
  <div class="container">
  ${Sidebar(path)}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/users.mjs b/src/views/users.mjs
@@ -320,7 +320,7 @@ export default async function (trie, theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr>
  ${await Header(theme)}

diff --git a/src/views/whattosubmit.mjs b/src/views/whattosubmit.mjs
@@ -99,7 +99,7 @@ export default async function (theme) {
  <body>
  <div class="container">
  ${Sidebar()}
- <div id="hnmain">
+ <div id="hnmain" class="scaled-hnmain">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f6f6ef">
  <tr style="background-color: rgb(246, 246, 239);">
  <td style="padding: 1rem; text-align: center; color: black;">