Skip to content

Commit e226178

Browse files
roman-bytesroman-bytes
committed
fixed blog page
1 parent 0e36509 commit e226178

File tree

7 files changed

+73
-100
lines changed

7 files changed

+73
-100
lines changed

‎.netlify/functions-internal/server.js

+40-40
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.netlify/functions-internal/server.js.map

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/components/new-index.tsx

-2
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@ import {useMatches} from "react-router";
66
export default function NewIndex() {
77
const matches = useMatches();
88
const currentRoute = matches[1];
9-
console.log('currentRoute', currentRoute);
10-
119
return (
1210
<div className="container relative border-2 border-romanBlack lg:rounded-3xl bg-white p-10 lg:pt-32 lg:px-28 lg:pb-28">
1311
<div className="hidden lg:block absolute top-10 left-0 right-0 text-center text-romanPrimary">{`~ ${currentRoute.pathname} `}</div>

‎app/mocks/handlers.ts

+5-5
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@ export const handlers = [
113113
http.get('https://api.github.com/repos/roman-bytes/pocket-ts/languages', () => {
114114
return HttpResponse.json({ CSS: 12334, TypeScript: 1, Javascript: 7, HTML: 77, Go: 69})
115115
}),
116-
http.get('https://dev.to/api/articles', () => {
116+
http.get('https://dev.to/api/artiiiiicles', () => {
117117
return HttpResponse.json(
118118
[
119119
{
@@ -139,8 +139,8 @@ export const handlers = [
139139
"published_at": "2024-11-11T15:09:38Z",
140140
"last_comment_at": "2024-11-11T15:09:38Z",
141141
"reading_time_minutes": 2,
142-
"tag_list": "developer, firstpost, blog, helloworld",
143-
"tags": [
142+
"tags": "developer, firstpost, blog, helloworld",
143+
"tag_list": [
144144
"developer",
145145
"firstpost",
146146
"blog",
@@ -182,10 +182,10 @@ export const handlers = [
182182
"published_at": "2023-04-06T23:29:44Z",
183183
"last_comment_at": "2023-04-06T23:29:44Z",
184184
"reading_time_minutes": 1,
185-
"tags": [
185+
"tag_list": [
186186
"NextJS", "react", "javascript", "monitoring"
187187
],
188-
"tag_list": "NextJS, react, javascript, monitoring",
188+
"tags": "NextJS, react, javascript, monitoring",
189189
"user": {
190190
"name": "Mock Roman",
191191
"username": "mock roman",

‎app/routes/blog/index.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,7 @@ export default function Blog() {
2323
const matches = useMatches();
2424
const currentRoute = matches[1];
2525

26-
console.log('post', posts);
27-
26+
console.log('POSTS', posts);
2827
return (
2928
<main className="container relative border-2 border-romanBlack lg:rounded-3xl bg-white pt-10 lg:pt-32 px-10 lg:px-28 pb-10 lg:pb-28 lg:my-28">
3029
<div className="hidden lg:block absolute top-10 left-0 right-0 text-center text-romanPrimary mb-16">{`~ ${currentRoute.pathname} `}</div>
@@ -42,7 +41,7 @@ export default function Blog() {
4241
</h2>
4342
</Link>
4443
<div className="flex flex-wrap items-center lg:ml-16">
45-
{post.tags.map((tag) => <div key={tag} className="text-romanPrimary text-md mr-4">#{tag}</div>)}
44+
{post.tag_list.map((tag) => <div key={tag} className="text-romanPrimary text-md mr-4">#{tag}</div>)}
4645
</div>
4746
<Plus className="absolute top-[-3px] left-[-3px]" />
4847
<Plus className="absolute top-[-3px] right-[-3px]" />

‎app/routes/projects/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { useLoaderData, Link } from '@remix-run/react';
1+
import { useLoaderData } from '@remix-run/react';
22
import {json} from "@remix-run/node";
33
import RomanBytesLogo from "~/components/roman-bytes-logo";
44
import {useMatches} from "react-router";

‎app/styles/tailwind.css

+23-47
Original file line numberDiff line numberDiff line change
@@ -712,10 +712,6 @@ video {
712712
margin-left: 0px;
713713
}
714714

715-
.ml-16{
716-
margin-left: 4rem;
717-
}
718-
719715
.mr-4{
720716
margin-right: 1rem;
721717
}
@@ -724,6 +720,10 @@ video {
724720
margin-right: 1.5rem;
725721
}
726722

723+
.mt-10{
724+
margin-top: 2.5rem;
725+
}
726+
727727
.mt-16{
728728
margin-top: 4rem;
729729
}
@@ -732,14 +732,6 @@ video {
732732
margin-top: 5rem;
733733
}
734734

735-
.mt-28{
736-
margin-top: 7rem;
737-
}
738-
739-
.mt-32{
740-
margin-top: 8rem;
741-
}
742-
743735
.mt-36{
744736
margin-top: 9rem;
745737
}
@@ -756,10 +748,6 @@ video {
756748
margin-top: -1px;
757749
}
758750

759-
.mt-10{
760-
margin-top: 2.5rem;
761-
}
762-
763751
.block{
764752
display: block;
765753
}
@@ -821,14 +809,6 @@ video {
821809
width: 75%;
822810
}
823811

824-
.w-5\/12{
825-
width: 41.666667%;
826-
}
827-
828-
.w-6\/12{
829-
width: 50%;
830-
}
831-
832812
.w-800{
833813
width: 50rem;
834814
}
@@ -1001,6 +981,10 @@ video {
1001981
fill: currentColor;
1002982
}
1003983

984+
.p-10{
985+
padding: 2.5rem;
986+
}
987+
1004988
.p-14{
1005989
padding: 3.5rem;
1006990
}
@@ -1025,8 +1009,9 @@ video {
10251009
padding: 2rem;
10261010
}
10271011

1028-
.p-10{
1029-
padding: 2.5rem;
1012+
.px-10{
1013+
padding-left: 2.5rem;
1014+
padding-right: 2.5rem;
10301015
}
10311016

10321017
.px-2{
@@ -1039,11 +1024,6 @@ video {
10391024
padding-right: 7rem;
10401025
}
10411026

1042-
.px-10{
1043-
padding-left: 2.5rem;
1044-
padding-right: 2.5rem;
1045-
}
1046-
10471027
.pb-10{
10481028
padding-bottom: 2.5rem;
10491029
}
@@ -1072,10 +1052,6 @@ video {
10721052
padding-top: 8rem;
10731053
}
10741054

1075-
.pt-48{
1076-
padding-top: 12rem;
1077-
}
1078-
10791055
.text-left{
10801056
text-align: left;
10811057
}
@@ -1351,28 +1327,28 @@ div[data-testid="terminal"] {
13511327
margin-bottom: 7rem;
13521328
}
13531329

1354-
.lg\:ml-\[-1px\]{
1355-
margin-left: -1px;
1330+
.lg\:ml-16{
1331+
margin-left: 4rem;
13561332
}
13571333

1358-
.lg\:mt-4{
1359-
margin-top: 1rem;
1334+
.lg\:ml-\[-1px\]{
1335+
margin-left: -1px;
13601336
}
13611337

13621338
.lg\:mt-0{
13631339
margin-top: 0px;
13641340
}
13651341

1366-
.lg\:ml-16{
1367-
margin-left: 4rem;
1342+
.lg\:mt-28{
1343+
margin-top: 7rem;
13681344
}
13691345

13701346
.lg\:mt-32{
13711347
margin-top: 8rem;
13721348
}
13731349

1374-
.lg\:mt-28{
1375-
margin-top: 7rem;
1350+
.lg\:mt-4{
1351+
margin-top: 1rem;
13761352
}
13771353

13781354
.lg\:block{
@@ -1407,15 +1383,15 @@ div[data-testid="terminal"] {
14071383
width: 41.666667%;
14081384
}
14091385

1386+
.lg\:w-6\/12{
1387+
width: 50%;
1388+
}
1389+
14101390
.lg\:w-fit{
14111391
width: -moz-fit-content;
14121392
width: fit-content;
14131393
}
14141394

1415-
.lg\:w-6\/12{
1416-
width: 50%;
1417-
}
1418-
14191395
.lg\:items-end{
14201396
align-items: flex-end;
14211397
}

0 commit comments

Comments
 (0)