Update templates/index.html
Browse files- templates/index.html +28 -12
templates/index.html
CHANGED
|
@@ -9,6 +9,7 @@
|
|
| 9 |
background-color: #f4f4f4;
|
| 10 |
color: #333;
|
| 11 |
display: flex;
|
|
|
|
| 12 |
justify-content: center;
|
| 13 |
align-items: center;
|
| 14 |
min-height: 100vh;
|
|
@@ -34,6 +35,7 @@
|
|
| 34 |
.description {
|
| 35 |
color: #777;
|
| 36 |
margin-bottom: 30px;
|
|
|
|
| 37 |
}
|
| 38 |
|
| 39 |
.form-group {
|
|
@@ -42,10 +44,8 @@
|
|
| 42 |
margin-bottom: 20px;
|
| 43 |
text-align: left;
|
| 44 |
}
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
margin-bottom: 5px;
|
| 48 |
-
font-weight: bold;
|
| 49 |
}
|
| 50 |
|
| 51 |
input[type="text"] {
|
|
@@ -70,7 +70,7 @@
|
|
| 70 |
.button:hover {
|
| 71 |
background-color: #0056b3;
|
| 72 |
}
|
| 73 |
-
|
| 74 |
list-style: none;
|
| 75 |
padding: 0;
|
| 76 |
margin-top: 20px;
|
|
@@ -90,18 +90,24 @@
|
|
| 90 |
background: #d4edda;
|
| 91 |
color: #155724;
|
| 92 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 93 |
</style>
|
| 94 |
</head>
|
| 95 |
<body>
|
| 96 |
<div class="container">
|
| 97 |
<h1>GitHub 文件下载器</h1>
|
| 98 |
-
<p class="description">
|
| 99 |
-
输入 GitHub 仓库链接和文件路径，即可打包下载。
|
| 100 |
-
<br>
|
| 101 |
-
<small>例如：https://github.com/ssfun/download_github_files/tree/main/templates</small>
|
| 102 |
-
<br>
|
| 103 |
-
<small>对于私有仓库，请提供 GitHub Personal Access Token.</small>
|
| 104 |
-
</p>
|
| 105 |
<form method="post">
|
| 106 |
<div class="form-group">
|
| 107 |
<label for="repo_path">GitHub 链接:</label>
|
|
@@ -122,6 +128,16 @@
|
|
| 122 |
{% endif %}
|
| 123 |
{% endwith %}
|
| 124 |
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 125 |
</div>
|
|
|
|
|
|
|
|
|
|
| 126 |
</body>
|
| 127 |
</html>
|
|
|
|
| 9 |
background-color: #f4f4f4;
|
| 10 |
color: #333;
|
| 11 |
display: flex;
|
| 12 |
+
flex-direction: column;
|
| 13 |
justify-content: center;
|
| 14 |
align-items: center;
|
| 15 |
min-height: 100vh;
|
|
|
|
| 35 |
.description {
|
| 36 |
color: #777;
|
| 37 |
margin-bottom: 30px;
|
| 38 |
+
text-align: left; /* 使用说明左对齐 */
|
| 39 |
}
|
| 40 |
|
| 41 |
.form-group {
|
|
|
|
| 44 |
margin-bottom: 20px;
|
| 45 |
text-align: left;
|
| 46 |
}
|
| 47 |
+
.form-group label {
|
| 48 |
+
text-align: left; /* label 左对齐 */
|
|
|
|
|
|
|
| 49 |
}
|
| 50 |
|
| 51 |
input[type="text"] {
|
|
|
|
| 70 |
.button:hover {
|
| 71 |
background-color: #0056b3;
|
| 72 |
}
|
| 73 |
+
.flashes {
|
| 74 |
list-style: none;
|
| 75 |
padding: 0;
|
| 76 |
margin-top: 20px;
|
|
|
|
| 90 |
background: #d4edda;
|
| 91 |
color: #155724;
|
| 92 |
}
|
| 93 |
+
footer {
|
| 94 |
+
margin-top: 40px;
|
| 95 |
+
text-align: center;
|
| 96 |
+
color: #777;
|
| 97 |
+
padding: 10px;
|
| 98 |
+
}
|
| 99 |
+
footer a {
|
| 100 |
+
color: #007bff;
|
| 101 |
+
text-decoration: none;
|
| 102 |
+
}
|
| 103 |
+
footer a:hover {
|
| 104 |
+
text-decoration: underline;
|
| 105 |
+
}
|
| 106 |
</style>
|
| 107 |
</head>
|
| 108 |
<body>
|
| 109 |
<div class="container">
|
| 110 |
<h1>GitHub 文件下载器</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 111 |
<form method="post">
|
| 112 |
<div class="form-group">
|
| 113 |
<label for="repo_path">GitHub 链接:</label>
|
|
|
|
| 128 |
{% endif %}
|
| 129 |
{% endwith %}
|
| 130 |
</form>
|
| 131 |
+
<p class="description">
|
| 132 |
+
输入 GitHub 仓库链接和文件路径即可打包下载。
|
| 133 |
+
<br>
|
| 134 |
+
<small>例如：https://github.com/ssfun/download_github_files/tree/main/templates</small>
|
| 135 |
+
<br>
|
| 136 |
+
<small>对于私有仓库，请提供 GitHub Personal Access Token.</small>
|
| 137 |
+
</p>
|
| 138 |
</div>
|
| 139 |
+
<footer>
|
| 140 |
+
<a href="https://github.com/ssfun/download_github_files">GitHub 文件下载器</a> 由 <a href="https://github.com/ssfun">ssfun</a> 构建，源代码遵循 <a href="https://opensource.org/license/mit">MIT 协议</a>
|
| 141 |
+
</footer>
|
| 142 |
</body>
|
| 143 |
</html>
|