添加Metronic（作为LFS）

2025-09-13 07:21:38 +08:00 · 2022-03-01 21:24:58 +08:00
parent 080ca33954
commit 465c454101
3280 changed files with 561969 additions and 0 deletions
--- a/frontend/static/about.html
+++ b/frontend/static/about.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
+		<meta name="keywords" content="">
+	    <meta name="description" content="">
+	    <meta name="author" content="zhengliangquan,ozh.nextinside@gmail.com">
+	    
+		<title>关于</title>
+		<!--BASE CSS-->
+		<link rel="stylesheet" href="css/base/base.css" />
+		<style>
+			.banner{
+				position:relative;
+				height:13.75rem;
+				overflow:hidden;
+			}
+			.banner img{
+				width:100%;
+			}
+			.logo{
+				position:absolute;
+				left:50%;
+				bottom:2rem;
+			}
+			.logo-name{
+				font-weight:600;
+			}
+			.main-content{
+				margin: 0 auto;
+				width:64rem;
+			}
+			.slogan{
+				font-weight:600;
+				margin-top:2rem;
+			}
+			.egggo-intro{
+				margin:2rem 0;
+			}
+			.egggo-intro p,.Answer{
+				line-height:1.625rem;
+				margin:0.625rem 0;
+			}
+			.Q_A{
+				margin:3rem 0 4.625rem 0;
+			}
+			.Q_title{
+				color:#86d48d;
+				font-size:1.125rem;
+				font-weight:600;
+				margin:1.5rem 0;
+			}
+		</style>
+		
+		
+		
+		
+	</head>
+	<body>
+		<header class="banner">
+			<img src="img/banner.jpg"/>
+			<div class="logo">
+				<h4 class="logo-name text-align-center white">蛋壳</h4>
+			</div>
+		</header>
+		<div class="main-content p0_32">
+			<h4 class="slogan dark-gray">蛋壳 - 发现、搜集移动APP界面</h4>
+			<section class="egggo-intro">
+				<p>
+				蛋壳 是一个帮助产品经理和UI设计师快速发现、搜集优质移动APP界面的社区。在这里，只有最精美、最符合大众审美的界面，你可以
+快速找到需要的参考界面，帮助你做出更精美的设计。
+				</p>
+				<p>
+					有任何问题，欢迎通过微信号siyuLOVEfish_来反馈，我们需要设计师和产品经理的支持。
+				</p>
+			</section>
+			
+			<section class="Q_A">
+				<h4 class="Q_title">Q: 这里有什么样的UI界面？</h4>
+				<p class="Answer">
+				A: 只收录移动设备的界面，目前暂时只收录iOS应用的截图(不是歧视...) 一定是最符合当下设计趋势的UI，包括国内外的各种APP，界面
+的颜值当然是最基本的标准。质，是我们评判的最大标准。
+				</p>
+				
+				<h4 class="Q_title">Q: 会在这里看到哪些类型的APP？</h4>
+				<p class="Answer">
+				A: 任何类型的移动APP都有可能被收录，从广义的领域来看，包括社交、效率、工具、摄影、新闻、音乐等。
+				</p>
+				<p class="Answer">
+				我们欢迎以下种类的APP：<br />
+				1. 国内外创业团队的产品<br />
+				2. 已经成熟稳定的大众级产品<br />
+				3. 国外设计精美的小众产品
+				</p>
+				
+				<h4 class="Q_title">Q: 我可以在这里做什么？</h4>
+				<p class="Answer">
+				A: 你可以直接通过输入关键词，来找到你想需要的UI界面参考，我们同时会提供最常见的一些关键词，供你启发，希望可以做到“哪里
+不懂搜哪里”。
+				</p>
+			</section>
+			
+			
+		</div>
+	</body>
+	<script src="js/jquery.min.js"></script>
+	<!-- <script type="text/javascript">
+		$(function(){
+			var img=new Image();
+			img.src=$('.banner img').attr('src');
+			img.onload=function(){
+				var $top='-'+$('.banner img').height()*0.25+'px';
+				$('.logo').css('top',$top);
+			}	
+		})
+	</script> -->
+	
+</html>