HowToCook/starsystem/5Star.html at main · wangshengithub/HowToCook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
        :root {
            --han-red: #d32f2f;
            --han-gold: #d4af37;
            --han-beige: #f5e6d3;
            --han-pink: #f8bbd0;
        }
        body {
            font-family: '楷体', 'Comic Sans MS', serif;
            background-color: var(--han-beige);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23f8bbd0' fill-opacity='0.1'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.41l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.59l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            margin: 0;
            padding: 20px;
        }
        .header {
            text-align: center;
            padding: 20px;
            border-bottom: 2px solid var(--han-red);
            margin-bottom: 30px;
        }
        .header h1 {
            color: var(--han-red);
            font-family: '楷体', serif;
            font-size: 2.5em;
            margin: 0;
        }
        .nav {
            margin: 20px 0;
            text-align: center;
            padding: 10px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 8px;
        }
        .nav a {
            color: var(--han-red);
            text-decoration: none;
            margin: 0 15px;
            font-size: 1.1em;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
        }
        .nav a:hover {
            color: var(--han-gold);
            background-color: var(--han-pink);
            text-decoration: none;
        }
        .content {
            max-width: 1000px;
            margin: 0 auto;
            line-height: 1.8;
            padding: 20px;
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        h1, h2, h3 {
            color: var(--han-red);
            border-left: 4px solid var(--han-gold);
            padding-left: 10px;
            font-family: '楷体', serif;
        }
        p, li {
            font-size: 1.1em;
            color: #333;
        }
        .footer {
            text-align: center;
            padding: 20px;
            border-top: 2px solid var(--han-red);
            margin-top: 30px;
            color: #666;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>程序员做饭指南</h1>
    </div>
    <div class="nav">
        <a href="../">首页</a>
        <a href="../dishes/index.html">菜谱（按品类排序）</a>
        <a href="../starsystem/index.html">菜谱（按难度排序）</a>
        <a href="../tips/index.html">做菜之前</a>
        <a href="../starsystem/advanced/index.html">进阶知识</a>
        <a href="../CODE_OF_CONDUCT.html">行为准则</a>
    </div>
    <div class="content">
        <h1 id="星难度菜品">5 星难度菜品</h1>
        <ul>
        <li><a
        href="./../dishes/breakfast/完美水煮蛋.md">完美水煮蛋</a></li>
        <li><a
        href="./../dishes/dessert/戚风蛋糕/戚风蛋糕.md">戚风蛋糕</a></li>
        <li><a
        href="./../dishes/dessert/芋泥雪媚娘/芋泥雪媚娘.md">芋泥雪媚娘</a></li>
        <li><a
        href="./../dishes/meat_dish/台式卤肉饭/台式卤肉饭.md">台式卤肉饭</a></li>
        <li><a href="./../dishes/meat_dish/商芝肉.md">商芝肉</a></li>
        <li><a
        href="./../dishes/meat_dish/巴基斯坦牛肉咖喱/巴基斯坦牛肉咖喱.md">巴基斯坦牛肉咖喱</a></li>
        <li><a
        href="./../dishes/meat_dish/带把肘子.md">带把肘子</a></li>
        <li><a
        href="./../dishes/meat_dish/无骨鸡爪/无骨鸡爪.md">无骨鸡爪</a></li>
        <li><a
        href="./../dishes/meat_dish/枝竹羊腩煲/枝竹羊腩煲.md">枝竹羊腩煲</a></li>
        <li><a
        href="./../dishes/meat_dish/水煮肉片.md">水煮肉片</a></li>
        <li><a
        href="./../dishes/meat_dish/猪皮冻/猪皮冻.md">猪皮冻</a></li>
        <li><a
        href="./../dishes/meat_dish/猪肉烩酸菜.md">猪肉烩酸菜</a></li>
        <li><a
        href="./../dishes/meat_dish/虎皮肘子.md">虎皮肘子</a></li>
        <li><a
        href="./../dishes/meat_dish/血浆鸭/血浆鸭.md">血浆鸭</a></li>
        <li><a
        href="./../dishes/meat_dish/西红柿牛腩/西红柿牛腩.md">西红柿牛腩</a></li>
        <li><a
        href="./../dishes/meat_dish/酱牛肉/酱牛肉.md">酱牛肉</a></li>
        <li><a
        href="./../dishes/semi-finished/牛油火锅底料.md">牛油火锅底料</a></li>
        <li><a
        href="./../dishes/staple/基础牛奶面包/基础牛奶面包.md">基础牛奶面包</a></li>
        <li><a href="./../dishes/staple/手工水饺.md">手工水饺</a></li>
        </ul>
    </div>
    <div class="footer">
        <a href="https://wangshenblog.pages.dev/">© wangshen.</a>  All rights reserved.
    </div>
</body>
</html>