Skip to content

Meditations: first book #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wutdahack1337 wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

Meditations: first book #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3a64885
Meditations: first book
Sep 5, 2025
e6934e3
chore
Sep 5, 2025
068a49a
update contents
Sep 6, 2025
5b350c5
more contents
Sep 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 8 additions & 6 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
<!DOCTYPE html>

<html>
<head>
<title>about - wutdahack</title>
<title>About</title>

<link rel="stylesheet" href="css/general/style.css">
</head>

<body>
Expand All @@ -9,11 +13,9 @@
<a href="about.html" >About</a>
</nav>

Hello, my name is Trần Quang Minh. I'm from Việt Nam.
<main class="content">
Hello, my name is Trần Quang Minh. I'm from Việt Nam.
</main>

</body>

<footer>

</footer>
</html>
40 changes: 40 additions & 0 deletions css/general/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
body {
font-size: 1.5em;
letter-spacing: 0.030em;
line-height: 1.6em;

margin: 0 auto;
max-width: 90rem;
padding-left: 2rem;
padding-right: 2rem;
}

nav {
font-weight: 600;
}

.content {
margin-top: 1.6rem;
margin-bottom: 2.4rem;
}

a {
color: black;
text-decoration: none;
}
a:hover {
color: green;
text-decoration: underline;
}

h1 {
font-size: 2.4em;
}

img.cover {
width: 111px;
}

p {
text-align: justify;
}
8 changes: 8 additions & 0 deletions css/philosophy/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
body {
background-color: #efebe0;
font-family: "Noto Sans Mono", monospace;
}

h1 {
text-align: center;
}
37 changes: 19 additions & 18 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,30 @@
<!DOCTYPE html>

<html>
<head>
<title>homepage - wutdahack</title>
<title>Home</title>

<link rel="stylesheet" href="css/general/style.css">
</head>

<body>
<nav>
<a href="home.html">Home</a>
<a href="about.html" >About</a>
<a href="about.html">About</a>
</nav>

<table>
<tr>
<td>2025-08-12</td>
<td>
<img src="images/meditations-marcus-aurelius.jpg" width="100">
</td>
<td>
<a href="posts/20250812-meditations.html" target="_blank">Meditations - Marcus Aurelius</a>
</td>
</tr>
</table>

<main class="content">
<table>
<tr>
<td>
<img class="cover" src="posts/meditations-marcus-aurelius/images/cover.jpg" alt="">
</td>
<td>
<a href="posts/meditations-marcus-aurelius/menu.html">Meditations - Marcus Aurelius</a>
</td>
</tr>
</table>
</main>

</body>

<footer>

</footer>
</html>
17 changes: 0 additions & 17 deletions posts/20250812-meditations.html
View file
Open in desktop

This file was deleted.

61 changes: 61 additions & 0 deletions posts/meditations-marcus-aurelius/first_book.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>

<html>
<head>
<title>First Book</title>

<link rel="stylesheet" href="../../css/general/style.css">
<link rel="stylesheet" href="../../css/philosophy/styles.css">
</head>

<body>
<nav>
<a href="../../home.html">Home</a>
<a href="../../about.html">About</a>
</nav>

<main class="content">
<h1>First Book</h1>

<p>Từ ông nội ta - Versus, ta đã học được phẩm cách và khả năng kiểm soát bản thân.</p>
<p>Từ cha ta - qua ký ức và danh tiếng của ông, ta đã học được sự chính trực và khí chất đàn ông.</p>
<p>
Từ mẹ ta, ta đã học được lòng mộ đạo, sự nhân từ, khả năng kiêng khem và lối sống giản dị của bà - đối lập hoàn toàn với lề thói của những kẻ giàu sang.
Bà không thể làm điều sai trái, thậm chí còn chẳng tưởng tượng nổi làm sao có thể gây ra những điều xấu.
</p>
<p>Từ ông cố ta, ta đã học được việc là phải tránh xa các trường công, thay vào đó nên thuê những giáo viên giỏi, và hiểu rằng những khoản như thế sẽ rất đáng để chi tiêu.</p>
<p>
Từ người thầy đầu tiên của ta, ta đã học được việc không thiên vị con này hay con khác trong cuộc đua ngựa, chiến binh này hay chiến binh khác trên đấu trường.
Trong công việc, kiên nhẫn chịu đựng những bất tiện và không đòi hỏi nhiều.
Phải chú tâm vào công việc của bản thân và tạo ra thành quả bằng chính sức của mình, và không tốn thời gian nghe những lời rèm pha, vu khống.
</p>
<p>
Từ Diognetus, ta đã học được việc không tốn thời gian vào những thứ vô bổ.
Việc không tin vào những lời dự đoán số mệnh, bùa phép, thần chú của pháp sư hay phù thủy và những thứ tương tự.
Việc không nghiện chọi chim, chọi gà hay những trò tương tự.
Việc luyện cho mình khả năng có thể lắng nghe những sự thật đau lòng. Việc nghe giảng và thực hành triết học, đầu tiên là Baccheius, rồi của Tandasis và Marcianus.
Việc tập viết những đoạn đối thoại khi còn trẻ.
Và việc chọn lối sống kỷ luật của người Hy Lạp - giường ván cứng như trong trại lính và áo choàng không tay giản dị.
</p>
<p>
Từ Rusticus, ta đã nhận ra rằng tính cách của mình cần phải được rèn giũa và kỷ luật.
Và từ ông, ta đã học được cách để không bị lạc lối vào việc ngụy biện (hùng biện một cách rỗng tuếch, không quan tâm đến chân lý), không viết về những chuyện viển vông, không ham thuyết giảng những bài diễn văn khích lệ nhỏ nhặt.
Cũng như không phô trương mình là một con người sống rất có kỷ luật, hay là làm việc thiện chỉ để khoe khoang.
Ta đã học được cách tránh xa những lời hoa mỹ, thơ ca và lối viết quá kiểu cách.
Việc không ăn diện chỉ để đi dạo quanh nhà, hay có những hành động khoe mẽ tương tự.
Viết thư một cách giản dị, không vòng vo mà đi thẳng vào vấn đề (như bức thư mà Rusticus đã viết cho mẹ ta từ Sinuessa).
Dễ dàng nguôi giận và sẵn sàng chấp nhận khi những người xúc phạm ta và khiến ta tức giận muốn hòa giải.
Việc không để ý đến những lời đàm tiếu về mình, và không quá quan tâm đến việc người khác nghĩ gì về mình.
Việc đọc hiểu một cách cẩn thận, không bằng lòng với lối đọc và sự hiểu biết hời hợt, nửa vời; và không để mình bị cuốn theo những kẻ có miệng lưỡi ngọt ngào.
Ta còn mang ơn ông vì đã giới thiệu và cho tôi được tiếp cận với các bài giảng của Epictetus - chính là sổ viết tay của ông khi theo học Epictetus.
</p>
<p>
Từ Apollonius, ta đã học được khả năng làm chủ tâm trí và có được sự kiên định không thể lay chuyển, không bị phân tâm bởi điều gì khác, dù chỉ trong chốc lát.
Luôn luôn vững vàng, dù là trong những hoàng cảnh đau đớn dữ dội nhất như khi mất đi một đứa con của mình, hay trong những cơn đau bệnh kéo dài.
Ông cho ta cơ hội được chứng kiến tận mắt một con người có thể vừa cực kỳ cương quyết nhưng vẫn có thể mềm mỏng khi cần; ông không bao giờ cáu giận khi giảng dạy.
Một người xem kinh nghiệm và khả năng diễn giải các nguyên tắc triết học chỉ là phần nhỏ nhất trong các giá trị của ông.
Và từ ông mà ta học được cách làm thế nào để thể hiện sự quý trọng những giúp đỡ của bạn bè của mình, mà không làm đánh mất đi lòng tự trọng nhưng cũng không tỏ ra vô ơn.
</p>
</main>
</body>
</html>
0 images/meditations-marcus-aurelius.jpg → ...itations-marcus-aurelius/images/cover.jpg
View file
Open in desktop
File renamed without changes
23 changes: 23 additions & 0 deletions posts/meditations-marcus-aurelius/menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>

<html>
<head>
<title>Meditations - Marcus Aurelius</title>

<link rel="stylesheet" href="../../css/general/style.css">
<link rel="stylesheet" href="../../css/philosophy/styles.css">
</head>

<body>
<nav>
<a href="../../home.html">Home</a>
<a href="../../about.html" >About</a>
</nav>

<main class="content">
<a href="first_book.html"><h2>First Book</h2></a>
<a href="second_book.html"><h2>Second Book</h2></a>
</main>

</body>
</html>