1<?php
2class=class="string">"keyword">header(class="string">'Content-Type: text/html; charset=utf-class="number">8');
3?>
4<!DOCTYPE html>
5<class="tag">html lang="zh-CN">
6<class="tag">head>
7<class="tag">meta charset="UTF-class="number">8">
8<class="tag">meta name="viewport" content="width=device-width, initial-scale=class="number">1.0">
9<class="tag">meta name="description" content="每天一碗毒鸡汤，喝完继续写代码。随机生成扎心语录。">
10<class="tag">meta name="keywords" content="毒鸡汤,扎心语录,搞笑的,自嘲">
11<class="tag">meta property="og:title" content="毒鸡汤生成器 - η空间">
12<class="tag">meta property="og:description" content="每天一碗毒鸡汤，喝完继续写代码">
13<class="tag">title>毒鸡汤生成器 - η空间</class="tag">title>
14<class="tag">link rel="stylesheet" href="/tools/share.css">
15 <class="tag">link rel="stylesheet" href="/assets/pet-cat.css">
16<class="tag">style>
17* { margin: class="number">0; padding: class="number">0; box-sizing: border-box; }
18body {
19 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
20 background: class=class="string">"keyword">class=class="string">"comment">#0f172a;
21 color: class=class="string">"keyword">class=class="string">"comment">#e2e8f0;
22 min-height: 100vh;
23 display: flex;
24 flex-direction: column;
25 align-items: center;
26}
27class=class="string">"keyword">header {
28 width: class="number">100%;
29 background: linear-gradient(135deg, class=class="string">"keyword">class=class="string">"comment">#1a1a2e, #16213e);
30 padding: 40px 20px 32px;
31 text-align: center;
32 border-bottom: 1px solid class=class="string">"keyword">class=class="string">"comment">#1e293b;
33}
34class=class="string">"keyword">header h1 { font-size: 28px; }
35class=class="string">"keyword">header h1 span { color: class=class="string">"keyword">class=class="string">"comment">#f59e0b; }
36class=class="string">"keyword">header p { color: class=class="string">"keyword">class=class="string">"comment">#94a3b8; font-size: 14px; margin-top: 6px; }
37.container {
38 max-width: 600px;
39 width: class="number">100%;
40 padding: 40px 20px;
41 flex: class="number">1;
42 display: flex;
43 flex-direction: column;
44 align-items: center;
45}
46.soup-card {
47 background: class=class="string">"keyword">class=class="string">"comment">#1e293b;
48 border: 1px solid class=class="string">"keyword">class=class="string">"comment">#class="number">334155;
49 border-radius: 20px;
50 padding: 48px 32px;
51 width: class="number">100%;
52 text-align: center;
53 min-height: 200px;
54 display: flex;
55 flex-direction: column;
56 justify-content: center;
57 align-items: center;
58 transition: all class="number">0.3s;
59}
60.soup-text {
61 font-size: 22px;
62 line-height: class="number">1.8;
63 color: class=class="string">"keyword">class=class="string">"comment">#f8fafc;
64 font-weight: class="number">500;
65 transition: opacity class="number">0.3s;
66}
67.soup-text.fade { opacity: class="number">0; }
68.soup-source {
69 margin-top: 20px;
70 font-size: 13px;
71 color: class=class="string">"keyword">class=class="string">"comment">#64748b;
72 font-style: italic;
73}
74.btn-soup {
75 margin-top: 32px;
76 padding: 14px 40px;
77 border: none;
78 border-radius: 12px;
79 background: linear-gradient(135deg, class=class="string">"keyword">class=class="string">"comment">#f59e0b, #d97706);
80 color: class=class="string">"keyword">class=class="string">"comment">#0f172a;
81 font-size: 16px;
82 font-weight: class="number">600;
83 cursor: pointer;
84 transition: all class="number">0.2s;
85 font-family: inherit;
86}
87.btn-soup:hover { transform: translateY(-2px); box-shadow: class="number">0 4px 20px rgba(class="number">245,class="number">158,class="number">11,class="number">0.3); }
88.btn-soup:active { transform: scale(class="number">0.97); }
89.counter {
90 margin-top: 16px;
91 font-size: 13px;
92 color: class=class="string">"keyword">class=class="string">"comment">#class="number">475569;
93}
94.nav-back {
95 margin-top: 32px;
96 padding-bottom: 40px;
97 text-align: center;
98}
99.nav-back a { color: class=class="string">"keyword">class=class="string">"comment">#f59e0b; text-decoration: none; font-size: 14px; }
100.nav-back a:hover { text-decoration: underline; }
101</class="tag">style>
102</class="tag">head>
103<class="tag">body>
104
105<class=class="string">"keyword">header>
106 <class="tag">h1>🥣 <class="tag">span>毒鸡汤生成器</class="tag">span></class="tag">h1>
107 <class="tag">p>每天一碗，喝完继续写代码</class="tag">p>
108</class=class="string">"keyword">header>
109
110<class="tag">div class=class="string">"keyword">class="container">
111 <class="tag">div class=class="string">"keyword">class="soup-card" id="soupCard">
112 <class="tag">div class=class="string">"keyword">class="soup-text" id="soupText">点一下👇 干一碗</class="tag">div>
113 <class="tag">div class=class="string">"keyword">class="soup-source" id="soupSource"></class="tag">div>
114 </class="tag">div>
115 <class="tag">button class=class="string">"keyword">class="btn-soup" onclick="nextSoup()">🥣 再来一碗</class="tag">button>
116 <class="tag">div class=class="string">"keyword">class="counter" id="counter"></class="tag">div>
117</class="tag">div>
118
119<class="tag">div class=class="string">"keyword">class="nav-back" style="width:class="number">100%;text-align:center;padding-bottom:40px;">
120 <class="tag">a href="/tools/">← 返回瞎捣鼓列表</class="tag">a>
121 <class="tag">span style="margin:class="number">0 8px;color:class=class="string">"keyword">class=class="string">"comment">#class="number">334155;">|</class="tag">span>
122 <class="tag">a href="/">← 返回首页</class="tag">a>
123</class="tag">div>
124
125<class="tag">script src="/tools/share.js"></class="tag">script>
126<class="tag">script>
127class=class="string">"keyword">const SOULS = [
128 { text: class="string">'你以为你是主角，其实你只是NPC。', by: class="string">'' },
129 { text: class="string">'你不是一無所有，你還有病。', by: class="string">'' },
130 { text: class="string">'上帝是公平的，給了你醜陋的外表，還會給你貧窮。', by: class="string">'' },
131 { text: class="string">'你連世界都沒觀過，哪來的世界觀？', by: class="string">'' },
132 { text: class="string">'生活不僅眼前的苟且，還有讀不懂的詩和到不了的遠方。', by: class="string">'' },
133 { text: class="string">'假如生活欺騙了你，不要悲傷，它明天還會繼續欺騙你。', by: class="string">'' },
134 { text: class="string">'你的人生就像一部手機，剛開始電量滿滿，然後越用越卡，最後自動關機。', by: class="string">'' },
135 { text: class="string">'努力不一定成功，但不努力一定很輕鬆。', by: class="string">'' },
136 { text: class="string">'別灰心，人生就是這樣，起起落落落落落落落。', by: class="string">'' },
137 { text: class="string">'你以為找個工作就能實現夢想，後來發現你的夢想就是不上班。', by: class="string">'' },
138 { text: class="string">'成年人的崩潰，從借錢開始。', by: class="string">'' },
139 { text: class="string">'小時候總覺得自己是天之驕子，長大後才發現自己是地之棄子。', by: class="string">'' },
140 { text: class="string">'人生三大錯覺：手機震動、有人敲門、他喜歡我。', by: class="string">'' },
141 { text: class="string">'你以為別人是在跟你開玩笑，其實他們是真心的。', by: class="string">'' },
142 { text: class="string">'勤奮不一定致富，但懶惰一定很舒服。', by: class="string">'' },
143 { text: class="string">'如果你覺得自己一無是處，別擔心，你至少是對的。', by: class="string">'' },
144 { text: class="string">'有些事努力了也沒有結果，但你不努力連失敗的資格都沒有。', by: class="string">'' },
145 { text: class="string">'不要否定自己，你比你想像中更沒用。', by: class="string">'' },
146 { text: class="string">'你的問題在於書讀太少，想得太多。還有就是手機電量不夠。', by: class="string">'' },
147 { text: class="string">'打工是不可能打工的，這輩子都不可能打工的——真香。', by: class="string">'' },
148 { text: class="string">'你現在的生活也許不是你想要的，但絕對是你自找的。', by: class="string">'' },
149 { text: class="string">'每當你想放棄的時候，想一想……你本來就沒有堅持過。', by: class="string">'' },
150 { text: class="string">'你的努力程度之低，根本輪不到拼天賦。', by: class="string">'' },
151 { text: class="string">'世上無難事，只要肯放棄。', by: class="string">'' },
152 { text: class="string">'條條大路通羅馬，但有些人就生在羅馬。', by: class="string">'' },
153 { text: class="string">'你只是看起來很努力，實際上只是在朋友圈努力。', by: class="string">'' },
154 { text: class="string">'努力了不一定有回報，但不努力一定很輕鬆哦。', by: class="string">'' },
155 { text: class="string">'比你優秀的人還在努力，那你努力還有什麼用？', by: class="string">'' },
156 { text: class="string">'失敗是成功之母，但你失敗太多次了，你媽都不認識你了。', by: class="string">'' },
157 { text: class="string">'年輕的時候多吃點苦，這樣……你以後就習慣了。', by: class="string">'' },
158 { text: class="string">'人家有的是背景，你有的只是背影。', by: class="string">'' },
159 { text: class="string">'長得好看的才叫吃貨，長得醜的那叫飯桶。', by: class="string">'' },
160 { text: class="string">'愛情裡誰先認真誰就輸了——所以你從來沒有贏過。', by: class="string">'' },
161 { text: class="string">'你的工資是保密條款裡最重要的一條。', by: class="string">'' },
162 { text: class="string">'面試官：你有什麼優點？你：我抗壓能力強。面試官：說人話。你：我習慣了被拒絕。', by: class="string">'' },
163 { text: class="string">'程序員的三種人生：寫 Bug、改 Bug、背鍋。', by: class="string">'' },
164 { text: class="string">'代碼寫得越多，Bug 藏得越深。', by: class="string">'' },
165 { text: class="string">'這個需求很簡單，你明天就能搞定——產品經理。', by: class="string">'' },
166 { text: class="string">'重構一時爽，上線火葬場。', by: class="string">'' },
167 { text: class="string">'你的代碼只有你自己能看懂——兩個月後的你自己也看不懂。', by: class="string">'' },
168 { text: class="string">'AI 寫的代碼比你好，但你不敢用。', by: class="string">'' },
169 { text: class="string">'我不是在寫 Bug，我是在創造特性。', by: class="string">'' },
170 { text: class="string">'這只是一個臨時方案——然後它就上線了五年。', by: class="string">'' },
171 { text: class="string">'程序員最怕的兩句話：這需求要改一下、這代碼是誰寫的。', by: class="string">'' },
172 { text: class="string">'調試了兩小時的 Bug，原來是少了一個分號。', by: class="string">'' },
173 { text: class="string">'這個 Bug 我昨天修過了。——那你為什麼又改回來了？', by: class="string">'' },
174 { text: class="string">'程式能跑就不要動。——老程序員的智慧。', by: class="string">'' },
175 { text: class="string">'本站所有代碼都是 AI 寫的，Bug 也是。', by: class="string">'老繆' },
176 { text: class="string">'別問我這個工具為什麼這麼卡，問就是 AI 還在學習。', by: class="string">'老繆' },
177 { text: class="string">'如果你覺得這個工具不好用……那你自己寫一個啊。', by: class="string">'老繆' },
178 { text: class="string">'我是一個程序員，我的工作是讓電腦做我不想做的事。', by: class="string">'' },
179 { text: class="string">'學程式設計的最佳時機是十年前，其次是……算了你學不會的。', by: class="string">'' },
180 { text: class="string">'別再問我為什麼不學新技術了，我連舊技術都沒學會。', by: class="string">'' },
181 { text: class="string">'程式除錯的終極祕訣：重啟。', by: class="string">'' },
182 { text: class="string">'這個世界對程式員最大的誤解：你會不會修電腦？', by: class="string">'' },
183];
184
185class=class="string">"keyword">let count = class="number">0;
186
187class=class="string">"keyword">function nextSoup() {
188 class=class="string">"keyword">const text = document.class="func">getElementById(class="string">'soupText');
189 class=class="string">"keyword">const source = document.class="func">getElementById(class="string">'soupSource');
190 class=class="string">"keyword">const idx = Math.floor(Math.random() * SOULS.length);
191 class=class="string">"keyword">const item = SOULS[idx];
192
193 text.classList.add(class="string">'fade');
194 class="func">setTimeout(() => {
195 text.textContent = class="string">'「' + item.text + class="string">'」';
196 source.textContent = item.by ? class="string">'—— ' + item.by : class="string">'';
197 text.classList.remove(class="string">'fade');
198 }, class="number">200);
199
200 count++;
201 document.class="func">getElementById(class="string">'counter').textContent = class="string">'已幹了 ' + count + class="string">' 碗';
202}
203
204class=class="string">"keyword">class=class="string">"comment">// First load
205nextSoup();
206</class="tag">script>
207<class="tag">script src="/assets/pet-cat.js"></class="tag">script>
208</class="tag">body>
209</class="tag">html>
210