-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (141 loc) · 5.79 KB
/
index.html
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE HTML>
<!--
Dimension
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
https://github.com/lemoe-tech/lemoe.cn
Thanks to QC CDN
-->
<html>
<head>
<title>Lemoe Tech - 柠萌科技</title>
<meta charset="utf-8" />
<link rel="icon" href="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/favicon.ico" type="image/icon">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/css/main.css" />
<noscript><link rel="stylesheet" href="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="icon fa-lemon-o"></span>
</div>
<div class="content">
<div class="inner">
<h1>柠萌科技</h1>
<p>一个充满爱❤与激♂情的组织，等待你的加入…… (｡･∀･)ﾉﾞ</p>
“<p id="github-bio"></p>”
</div>
</div>
<nav>
<ul>
<!-- <li><a href="#intro">了解一下</a></li> -->
<li><a href="#works">作品</a></li>
<li><a href="#about">关于</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Works -->
<article id="works">
<h2 class="major">Works</h2>
<p id="works-list">加载中...</p>
</article>
<!-- About -->
<article id="about">
<h2 class="major">About</h2>
<span class="image main"><img src="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/images/66580541.jpg" alt="AW$L" /></span>
<p>一个充满脑洞&基♂情&热情的二次元开发小组。<br />
本小组目前有<a id="github-members">∞</a>位成员，在github有<a id="github-repo-num">∞</a>个开源项目。<br />
</p>
</article>
<!-- Contact -->
<article id="contact">
<h2 class="major">Contact</h2>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" value="柠萌酱" readonly="readonly"/>
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" value="???" readonly="readonly" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4" readonly="readonly">只要你怀揣一颗充满激情♂的心，就可以加入我们啦！嘿嘿嘿(●ˇ∀ˇ●)</textarea>
</div>
</div>
<ul class="actions">
<li><input type="button" value="好的" /></li>
<li><input type="reset" value="算了" /></li>
</ul>
</form>
<ul class="icons">
<li><a class="icon fa-envelope-o"><span class="label">Email</span></a></li>
<li><a href="https://t.me/lemoe_tech" class="icon fa-paper-plane" target="_blank"><span class="label">Telegram</span></a></li>
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github/lemoe-tech" class="icon fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© <a href="https://github/lemo-tech" target="_blank">lemoe.cn</a>.
Design: HTML5 UP & <a href="https://github.com/qcminecraft" target="_blank">qcminecraft</a>
& Image: <a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=73960040" target="_blank">mocha</a>.</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Player-->
<div id="player">
<iframe src="//vid.qmcmc.cn/assets/open/lemoe.cn/assets/media/silence.mp3" allow="autoplay" id="audio"></iframe>
<audio id="lplayer" src="//vid.qmcmc.cn/assets/open/lemoe.cn/assets/media/ほたる火.mp3" loop="loop" style="display:none;" autoplay="autoplay"></audio>
</div>
<!-- Scripts -->
<script src="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/js/jquery.min.js"></script>
<script src="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/js/browser.min.js"></script>
<script src="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/js/breakpoints.min.js"></script>
<script src="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/js/util.js"></script>
<script src="//file-cdn.qmcmc.cn/assets/open/lemoe.cn/assets/js/main.js"></script>
<script type="text/javascript">
//player
$(function(){
var p = document.getElementById("lplayer");
p.currentTime = 20;
p.play();
})
//get from github
window.onload = function(){
$.ajax({url:"https://api.github.com/orgs/lemoe-tech",
success: function(result){
$("#github-bio").html(result.description);
$("#github-repo-num").html(result.public_repos);
$("#email").val(result.email);
}
});
$.ajax({url:"https://api.github.com/orgs/lemoe-tech/repos",
success: function(result){
$("#works-list").html(null);
for(var i=0; i<result.length; ++i){
let conte = "<a href='"+ result[i].html_url +"' target='_blank'>lemoe-tech/"+result[i].name+"</a> -- <a href='"+ result[i].homepage +"' target='_blank'>"+ result[i].description +"</a><br />";
$("#works-list").append(conte);
}
}
});
$.ajax({url:"https://api.github.com/orgs/lemoe-tech/members",
success: function(result){
$("#github-members").html(result.length);
}
});
}
</script>
</body>
</html>