sphericalkat/medium.rip
1
0
Fork 0
mirror of https://github.com/SphericalKat/medium.rip.git synced 2024-12-27 10:05:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add index page

Browse Source 
Signed-off-by: Sphericalkat <amolele@gmail.com>
This commit is contained in:
Amogh Lele 2023-05-28 18:04:39 +05:30
parent de151f4895
commit 8b3a6b9aae
5 changed files with 23 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/dist/index.html vendored
View File

@ -1,14 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ .Title }}</title>
<link rel="stylesheet" href="/assets/index-1eb94859.css">
</head>
<body>
<h1 class="text-2xl">Hello, World!</h1>
</body>
</html>

28
frontend/dist/show.html vendored
View File

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<title>{{ .Title }}</title>
<link rel="stylesheet" href="/assets/show-d7d0e271.css">
</head>
<body class="flex flex-col h-full w-full items-center">
<article class="prose lg:prose-lg sm:prose-sm py-20">
<h1 class="text-2xl">{{.Title}}</h1>
<p class="pb-8"><a href="https://medium.com/u/{{.UserId}}">{{.Author}}</a> on {{.PublishDate}}</p>
{{.Paragraphs}}
</article>
</body>
</html>

26
frontend/index.html
View File

@ -1,13 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/styles.css"> <link rel="stylesheet" href="src/styles.css">
<title>{{ .Title }}</title> <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=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<title>RIP Medium</title>
</head> </head>
<body>
<h1 class="text-2xl">Hello, World!</h1> <body class="flex justify-center">
<article class="flex flex-col h-full w-full justify-center prose">
<div>
<h1>Medium.rip</h1>
<h2>An alternative frontend to Medium</h2>
</div>
<section>
<h2>How-To</h2>
<p>To view a Medium post simply replace <code class="">medium.com</code> with <code
class="highlight">medium.rip</code></p>
<p>If the URL is: <code><span class="">medium.com</span>/@user/my-post-09a6af907a2</code> change it
to <code><span class="">medium.rip</span>/@user/my-post-09a6af907a2</code></p>
</section>
</article>
</body> </body>
</html> </html>

17
frontend/src/show.css
View File

@ -18,20 +18,3 @@ html, body {
line-height: 1.7777778; line-height: 1.7777778;
} }
} }
body {
/* background-color: #1f222a; */
/* color: #ffffff; */
/* line-height: 1.54;
letter-spacing: -0.02em;
font-variant-ligatures: contextual;
font-size: 1rem; */
}
.text-accent {
color: var(--accent);
}
.bg-accent {
background: var(--accent);
}

29
frontend/src/styles.css
View File

@ -2,36 +2,7 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
:root {
--accent: #23b0ff;
--background: #1f222a;
}
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@media (min-width: 1024px) {
html {
font-size: 1.125rem;
line-height: 1.7777778;
}
}
body {
background-color: #1f222a;
color: #ffffff;
line-height: 1.54;
letter-spacing: -0.02em;
font-variant-ligatures: contextual;
font-size: 1rem;
}
.text-accent {
color: var(--accent);
}
.bg-accent {
background: var(--accent);
}