vue-cli init
anjaxs
23
.gitignore
vendored
Normal file
@ -0,0 +1,23 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
219
404.html
@ -1,219 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>webstack - 404</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
|
||||
<link rel="shortcut icon" href="./assets/images/favicon.png">
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-77253689-1"></script>
|
||||
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-77253689-1');
|
||||
</script>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
a,
|
||||
a img,
|
||||
a:before,
|
||||
a:after {
|
||||
text-decoration: none;
|
||||
transition-duration: .25s
|
||||
}
|
||||
|
||||
section {
|
||||
display: block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
#about {
|
||||
width: 40%;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 10%;
|
||||
z-index: 20;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
#about h1 {
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
#about p {
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
#about img {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
#about .social {
|
||||
float: left;
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
#about .copyright {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#about {
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
#about h1 {
|
||||
margin: 30px;
|
||||
}
|
||||
#about p {
|
||||
margin: 30px;
|
||||
}
|
||||
#about .social {
|
||||
margin: 30px;
|
||||
}
|
||||
#about .copyright {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 580px) {
|
||||
#about {
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
#about h1 {
|
||||
margin: 30px;
|
||||
}
|
||||
#about p {
|
||||
margin: 30px;
|
||||
margin-bottom: 0px
|
||||
}
|
||||
#about .social {
|
||||
margin: 30px;
|
||||
margin-bottom: 0px
|
||||
}
|
||||
#about .copyright {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both
|
||||
}
|
||||
|
||||
.bounce-in {
|
||||
animation-name: bounce-in
|
||||
}
|
||||
|
||||
@keyframes bounce-in {
|
||||
from,
|
||||
60%,
|
||||
75%,
|
||||
90%,
|
||||
to {
|
||||
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translate3d(-3000px, -50%, 0)
|
||||
}
|
||||
60% {
|
||||
opacity: 1;
|
||||
transform: translate3d(25px, -50%, 0)
|
||||
}
|
||||
75% {
|
||||
transform: translate3d(-10px, -50%, 0)
|
||||
}
|
||||
90% {
|
||||
transform: translate3d(5px, -50%, 0)
|
||||
}
|
||||
to {
|
||||
transform: translate3d(0, -50%)
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
line-height: 1.75;
|
||||
color: rgba(0, 0, 0, 0.65)
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "Merriweather", sans-serif;
|
||||
font-size: 50px;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
margin-bottom: 25px
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgba(3, 3, 3, 0.85);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (max-width: 580px) {
|
||||
body {
|
||||
font-size: 14px
|
||||
}
|
||||
h1 {
|
||||
font-size: 42px;
|
||||
line-height: 1.45
|
||||
}
|
||||
}
|
||||
|
||||
.bg-align {
|
||||
margin-top: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section id="about" class="animated bounce-in">
|
||||
<div class="bg-align">
|
||||
<h1>404</h1>
|
||||
<p>Oops! It looks like you're lost...</p>
|
||||
<p>The Page you're looking for doesn't exist or another error occurred.</p>
|
||||
<p><a href="http://webstack.cc">👉 webstack.cc</a></p>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
154
README.md
@ -1,141 +1,21 @@
|
||||
# Vue版本
|
||||
# webstack
|
||||
|
||||
[➡️ www.webstack.cc](https://webstack.cc) - 网址导航
|
||||
===
|
||||
QQ群交流：304584722
|
||||
## Project setup
|
||||
```
|
||||
yarn install
|
||||
```
|
||||
|
||||
本项目这是一个**纯静态**的网址导航网站，内容均由[viggo](http://viggoz.com)收集并整理。项目基于bootstrap前端框架开发。
|
||||
|
||||
|
||||
|
||||
这是一个开源的公益项目，你可以拿来制作自己的网址导航，也可以做与导航无关的网站。如果你有任何疑问，可以通过个人网站[viggoz.com](http://viggoz.com)中的联系方式找到我，欢迎与我交流分享。
|
||||
|
||||
欢迎加群一起学习交流技术
|
||||
---
|
||||
|个人微信号(viggo)|QQ交流群(304584722)|QQ交流群2(740911918)|
|
||||
|--|--|--|
|
||||
||||
|
||||
|
||||
怎么用?
|
||||
---
|
||||
你可以像我一样直接使用静态托管形式，如果你需要一个后台系统方便管理，可以参考下面的第二第三种解决方案：
|
||||
#### 方法1. 使用静态托管
|
||||
最简单快速上线自己的导航网站，你可以直接**下载**本项目修改内容既可部署上线。
|
||||
|
||||
#### 方法2. 使用基于 Laravel 搭建的后台系统🔥(感谢[@hui-ho](https://github.com/hui-ho)提供)
|
||||
开源地址：https://github.com/hui-ho/WebStack-Laravel
|
||||
|
||||
Docker部署版本:https://hub.docker.com/r/arvon2014/webstack-laravel
|
||||
|
||||
#### 方法3. WordPress 主题🔥(感谢 [@一为忆](https://www.iowen.cn/)提供)
|
||||
开源地址：https://github.com/owen0o0/WebStack
|
||||
|
||||
教程：[WordPress 版 WebStack 导航主题使用说明 \| 一为忆](https://www.iowen.cn/wordpress-version-webstack/)
|
||||
|
||||
#### 方法4. 基于Java开发的后台系统🔥(感谢[@jsnjfz](https://github.com/jsnjfz)提供)
|
||||
开源地址：https://github.com/jsnjfz/WebStack-Guns
|
||||
|
||||
#### 方法5. springboot后台 Nikati-WebStack-Guns ❤️ (感谢[Nikati \(Nikati\)](https://github.com/Nikati)提供)
|
||||
开源地址：https://github.com/Nikati/WebStack-Guns-NKT
|
||||
|
||||
#### 方法6. 使用 Jekyll 版本的后台🔥(感谢[@0xl2oot](https://github.com/0xl2oot)提供)
|
||||
开源地址：[https://github.com/0xl2oot/webstack-jekyll](https://github.com/0xl2oot/webstack-jekyll)
|
||||
|
||||
#### 方法7. 使用Typecho主题🔥(感谢[@SEOGO](https://www.seogo.me/)提供)
|
||||
开源地址：[https://www.seogo.me/muban/webstack.html](https://www.seogo.me/muban/webstack.html)
|
||||
|
||||
#### 方法8. 自己写后台系统
|
||||
可以按照自己的喜好和框架搭建后台系统，也可以参考我设计好的后台框架自行搭建。本站设计开发过程在我的博客文章有详细讲到[《webstack \| viggo》](http://blog.viggoz.com/2018/01/03/2018-01-03-webstack/)。静态源码（半成品）：[https://github.com/WebStackPage/webstack-Admin](https://github.com/WebStackPage/webstack-Admin)
|
||||
|
||||
如果你有更好的解决方案，并且能够开源供大家使用，可以在本项目提Issus，或者直接通过我个人网站中的联系方式联系我。
|
||||
|
||||
JUST DOWNLOAD AND DO WHAT THE FUCK YOU WANT TO.
|
||||
|
||||
|
||||
|
||||
关于图片资源
|
||||
---
|
||||
```/assets/images/logos/default.png``` 这是网站标签的默认图标
|
||||
|
||||
```/assets/images/logos``` 这里是所有网站内的图标切图，尺寸均为120px*120px
|
||||
|
||||
```/assets/webstack_logos.sketch``` 这是网站标签收录的所有图标设计源文件，你可以在这里[下载](https://WebStackPage.github.io/assets/webstack_logos.sketch) 。打开前请确认Sketch版本高于50.2(55047)
|
||||
|
||||
优秀项目示例
|
||||
---
|
||||
本项目开源已经有一年多，陆续有很多小伙伴使用这个主题制作了自己的导航网站，下面列出了一些我知道的基于webstack或者使用webstack主题开发的项目，都是做的比较好的一些小伙伴，供大家借鉴。也欢迎各位开发者把自己的项目加进来~ 发 Pull Request 或 Issue 即可
|
||||
（入选标准：必须是webstack项目相关的网站）
|
||||
|
||||
| 状态 | 网站名 | 网址 |
|
||||
| --- | --- | --- |
|
||||
| ✅已上线 | 造作家 | [造作家](https://www.hitsz.top/) |
|
||||
| ✅已上线 | 谢週五の导航站 | [谢週五の导航站 \- 5nav\.ml](https://5nav.ml/) |
|
||||
| ✅已上线 | 狼牌工作网址导航 | [https://www.volf.club/](https://www.volf.club/) |
|
||||
| ✅已上线 | 码灵导航 - 一个帮助开发者成长的程序员网址导航 | [https://nav.imaring.com/](https://nav.imaring.com/) |
|
||||
| ✅已上线 | 币门 | [币门 \| 通向加密货币之门](https://www.bimen.com/) |
|
||||
| ✅已上线 | Azt's 导航网站 | [Azt's 导航网站 \| 这只是一个导航](https://bookmark.cwenyu.net/) |
|
||||
| ✅已上线 | moshuxv | [moshuxv\.xyz \| 网址导航](https://moshuxv.xyz/) |
|
||||
| ✅已上线 | 高效搜罗 - 精准的职业导航 | [http://gaoxiaosouluo.cn/](http://gaoxiaosouluo.cn/) |
|
||||
| ✅已上线 | 卖家大全 - 最全卖家导航 | [http://maijiadaquan.com/](http://maijiadaquan.com/) |
|
||||
| ✅已上线 | 广告人导航 - 广告没门 | [https://adnodoor.com/nav/](https://adnodoor.com/nav/) |
|
||||
| ✅已上线 | 魔米导航 | [魔米导航 \- 精品网址导航](http://www.nmomi.com/) |
|
||||
| ✅已上线 | 域名购买&域名商场&行业导航 | [http://www.yichushou.com/](http://www.yichushou.com/) |
|
||||
| ✅已上线 | 杏map | [http://xx-map.com/](http://xx-map.com/) |
|
||||
| ✅已上线 | DreamThere - 梦想导航 | [https://nav.dreamthere.com/](https://nav.dreamthere.com/) |
|
||||
| ✅已上线 | 聚BT \- 聚合最优质的BT、磁力资源 | [聚BT \- 聚合最优质的BT、磁力资源](https://www.jubt.net/cn/index.html) |
|
||||
| ✅已上线 | JKnear导航 - 建筑结构设计导航 | [http://jk.jknear.com:777/](http://jk.jknear.com:777/) |
|
||||
| ✅已上线 | site navigation – QAOZEN | [https://qaozen.com/nav/](https://qaozen.com/nav/) |
|
||||
| ✅已上线 | ShareHub - 资源和工具的集合 | [https://www.gezhipu.com/cn/index.html](https://www.gezhipu.com/cn/index.html) |
|
||||
| ✅已上线 | 我的收藏夹 - 个人网址导航站 | [https://www.kukiliao.com/](https://www.kukiliao.com/) |
|
||||
| ✅已上线 | vv.lc - 网址导航 | [http://vv.lc/](http://vv.lc/) |
|
||||
| ✅已上线 | 程序员网址导航 - hujiangtao | [https://web.hujiangtao.cn/](https://web.hujiangtao.cn/) |
|
||||
| ✅已上线 |Pandaroll\.cn 网址导航 | [Pandaroll\.cn 网址导航](http://pandaroll.cn/cn/index.html) |
|
||||
| ✅已上线 | Link - 我的网址收藏夹 | [Link - 我的网址收藏夹](https://link.jianrry.com) |
|
||||
| ✅已上线 | 77导航 | [77导航](https://nav.dig77.com/) |
|
||||
| ✅已上线 | 牛导航 - 实用工具导航 | [http://ziliao6.com/](http://ziliao6.com/) |
|
||||
| ✅已上线 | QAdoc - 测试工作者导航 | [http://nav.qadoc.org/cn/index.html](http://nav.qadoc.org/cn/index.html) |
|
||||
| ✅已上线 | t.hiihi | [http://t.hiihi.cn/](http://t.hiihi.cn/) |
|
||||
| ✅已上线 | hytale导航 | [https://www.hytale-nav.com/](https://www.hytale-nav.com/) |
|
||||
| ✅已上线 |英阅导航 | [英阅网址导航](http://enreading.ishare20.net/) |
|
||||
| ✅已上线 |小猪猪导航 | [小猪猪导航](http://xzz11.xyz/cn/index.html) |
|
||||
| ✅已上线 |有钱导航 | [有钱导航](http://www.youqiandaohang.com/) |
|
||||
| ✅已上线 |创意探手导航 | [创意探手导航](http://tans119.com/) |
|
||||
| ✅已上线 |126云导航 | [126云导航 \- 最好用的浏览器主页](http://www.126yun.cn//) |
|
||||
| ✅已上线 |qiqijiavip | [http://www.qiqijiavip.com](http://www.qiqijiavip.com) |
|
||||
| 🕗开发中 | zou0 | [http://www.zou0.com/cn/index.html](http://www.zou0.com/cn/index.html) |
|
||||
| 🕗开发中 | Matrix Navigation | [Matrix Navigation \-](https://navi.sh-oo.com/) |
|
||||
| 🕗开发中 | PMGEEK | [http://pmgeek.net/](http://pmgeek.net/) |
|
||||
| 🕗开发中 | lerso.cn | [http://lerso.cn/](http://lerso.cn/) |
|
||||
| 🕗开发中 | dh.wdj.pw | [WebStack\.cc \- 设计师网址导航](https://dh.wdj.pw/cn/index.html) |
|
||||
| 🕗开发中 | wukandy.cn | [https://wukandy.cn/](https://wukandy.cn/) |
|
||||
| ❌已下线 | 奇客数码导航 - 专注IT自媒体导航网站 | [https://nav.qikepai.cn/](https://nav.qikepai.cn/) |
|
||||
| ❌已下线 | 7299导航 | [https://www.mmbbao.com/](https://www.mmbbao.com/) |
|
||||
| ❌已下线 | 东莞理工学习导航 | [http://gd.dgut.top/cn/index2.html](http://gd.dgut.top/cn/index2.html) |
|
||||
| ❌已下线 | Dapp公园 | [http://xdapp.pw/](http://xdapp.pw/) |
|
||||
| ❌已下线 | zero-null | [https://zero-null.github.io/works/cn/index.html](https://zero-null.github.io/works/cn/index.html) |
|
||||
| ❌已下线 | alabom.top | [http://alabom.top/cn/index.html](http://alabom.top/cn/index.html) |
|
||||
| ❌已下线 | 水木清华 | [水木清华](https://www.open985.com/) |
|
||||
| ❌已下线 | 新媒体百宝箱 | [新媒体百宝箱](https://www.xmtbbx.com/) |
|
||||
| ❌已下线 | 酸奶 - 广告运营从业者类别导航 | [酸奶 \- 专注广告运营从业者类别导航](http://about.edu233.cn/) |
|
||||
| ❌已下线 | AVI导航 - 一键到达好去处 | [https://www.avi101.com/](https://www.avi101.com/) |
|
||||
| ❌已下线 | 京东运营网址导航 | [http://miyue1980.com/](http://miyue1980.com/) |
|
||||
| ❌已下线 | 快导航 - 简单的网址导航大全 | [https://wukandy.cn/](https://wukandy.cn/) |
|
||||
| ❌已下线 | 喵帕斯 - 喵帕斯导航页 | [http://naspro.cc/](http://naspro.cc/) |
|
||||
| ❌已下线 | tool - wxuegao | [http://tool.wxuegao.com/](http://tool.wxuegao.com/) |
|
||||
| ❌已下线 | 浮生论坛 \- 念念不忘，必有回响 | [浮生论坛 \- 念念不忘，必有回响](https://fusfun.club/cn/index.html) |
|
||||
## License
|
||||
|
||||
Copyright © 2017-2018 **[webstack.cc](https://webstack.cc)** Released under the **MIT License**.
|
||||
|
||||
> 注：本站开源的目的是大家能够在本站的基础之上有所启发，做出更多新的东西。并不是让大家照搬所有代码。
|
||||
> 如果你使用这个开源项目，请**注明**本项目开源地址。
|
||||
|
||||
Screenshot 📷
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
yarn serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
yarn build
|
||||
```
|
||||
|
||||
### Lints and fixes files
|
||||
```
|
||||
yarn lint
|
||||
```
|
||||
|
||||
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 39 KiB |
5
babel.config.js
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
147
cn/about.html
@ -1,147 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<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" />
|
||||
<meta name="author" content="viggo" />
|
||||
<title>WebStack.cc - 设计师网址导航</title>
|
||||
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon.png">
|
||||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-core.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-components.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
|
||||
<link rel="stylesheet" href="../assets/css/nav.css">
|
||||
<script src="../assets/js/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- / FB Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="http://www.webstack.cc/">
|
||||
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<!-- / Twitter Cards -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
</head>
|
||||
|
||||
<body class="page-body boxed-container">
|
||||
<nav class="navbar horizontal-menu navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="navbar-brand">
|
||||
<a href="index.html" class="logo">
|
||||
<img src="../assets/images/logo_dark@2x.png" width="100%" alt="" class="hidden-xs">
|
||||
<img src="../assets/images/logo@2x.png" width="100%" alt="" class="visible-xs">
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-mobile-clear"></div>
|
||||
<a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="page-container">
|
||||
<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
|
||||
<div class="main-content" style="">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<!-- 关于网站 -->
|
||||
<h4 class="text-gray">关于网站</h4>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<blockquote>
|
||||
<p>有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
|
||||
</br>
|
||||
<p>如果你也是设计师，如果你也正好喜欢设计，那希望这个网站能给你带来一些作用。</p>
|
||||
<p>闲聊或者有任何建议都可以加QQ群交流：304584722</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 关于站长 -->
|
||||
<h4 class="text-gray">关于站长</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.viggoz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.viggoz.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/viggoz.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Designer. Viggo.</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2"> Full-time UI designer with an enduring interest in Coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<br />
|
||||
<blockquote>
|
||||
<p>
|
||||
这是一个公益项目，而且是<a href="https://github.com/WebStackPage/WebStackPage.github.io"> 开源 </a><iframe src="https://ghbtns.com/github-btn.html?user=WebStackPage&repo=WebStackPage.github.io&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>的。你也可以拿来制作自己的网址导航。如果你有更好的想法，可以通过个人网站<a href="http://www.viggoz.com"><span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip">viggoz.com</span></a>中的联系方式找到我，欢迎与我交流分享。
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main Footer -->
|
||||
<footer class="main-footer sticky footer-type-1 fixed">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-text">
|
||||
© 2017 - 2019
|
||||
<a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
|
||||
</div>
|
||||
<div class="go-up">
|
||||
<a href="#" rel="go-top">
|
||||
<i class="fa-angle-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bottom Scripts -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/TweenMax.min.js"></script>
|
||||
<script src="assets/js/resizeable.js"></script>
|
||||
<script src="assets/js/joinable.js"></script>
|
||||
<script src="assets/js/xenon-api.js"></script>
|
||||
<script src="assets/js/xenon-toggles.js"></script>
|
||||
<!-- JavaScripts initializations and stuff -->
|
||||
<script src="assets/js/xenon-custom.js"></script>
|
||||
<textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
292
cn/index.html
@ -1,292 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
|
||||
</script>
|
||||
<script>
|
||||
(adsbygoogle = window.adsbygoogle || []).push({
|
||||
google_ad_client: "ca-pub-8550836177608334",
|
||||
enable_page_level_ads: true
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="author" content="viggo" />
|
||||
<title>WebStack.cc - 设计师网址导航</title>
|
||||
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon.png">
|
||||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-core.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-components.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
|
||||
<link rel="stylesheet" href="../assets/css/nav.css">
|
||||
<script src="../assets/js/jquery-1.11.1.min.js"></script>
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- / FB Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="http://www.webstack.cc/">
|
||||
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<!-- / Twitter Cards -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
</head>
|
||||
|
||||
<body class="page-body">
|
||||
<!-- skin-white -->
|
||||
<div class="page-container" id="app">
|
||||
<div class="sidebar-menu toggle-others fixed">
|
||||
<div class="sidebar-menu-inner">
|
||||
<header class="logo-env">
|
||||
<!-- logo -->
|
||||
<div class="logo">
|
||||
<a href="index.html" class="logo-expanded">
|
||||
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
|
||||
</a>
|
||||
<a href="index.html" class="logo-collapsed">
|
||||
<img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="mobile-menu-toggle visible-xs">
|
||||
<a href="#" data-toggle="user-info-menu">
|
||||
<i class="linecons-cog"></i>
|
||||
</a>
|
||||
<a href="#" data-toggle="mobile-menu">
|
||||
<i class="fa-bars"></i>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<ul id="main-menu" class="main-menu">
|
||||
<li v-for="menu in items">
|
||||
<a :href="'#'+menu.name" class="smooth">
|
||||
<i :class="menu.icon"></i>
|
||||
<span class="title">{{menu.name}}</span>
|
||||
</a>
|
||||
<ul v-if="menu.children">
|
||||
<li v-for="submenu in menu.children">
|
||||
<a :href="'#'+submenu.name" class="smooth">
|
||||
<span class="title">{{submenu.name}}</span>
|
||||
<span v-show="submenu.is_hot" class="label label-pink pull-right hidden-collapsed">Hot</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<div class="submit-tag">
|
||||
<a href="about.html">
|
||||
<i class="linecons-heart"></i>
|
||||
<span class="tooltip-blue">关于本站</span>
|
||||
<span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
|
||||
</a>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<nav class="navbar user-info-navbar" role="navigation">
|
||||
<!-- User Info, Notifications and Menu Bar -->
|
||||
<!-- Left links for user info navbar -->
|
||||
<ul class="user-info-menu left-links list-inline list-unstyled">
|
||||
<li class="hidden-sm hidden-xs">
|
||||
<a href="#" data-toggle="sidebar">
|
||||
<i class="fa-bars"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown hover-line language-switcher">
|
||||
<a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||||
</a>
|
||||
<ul class="dropdown-menu languages">
|
||||
<li>
|
||||
<a href="../en/index.html">
|
||||
<img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="../cn/index.html">
|
||||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
</nav>
|
||||
|
||||
<div v-for="item in items">
|
||||
<div v-if="item.web">
|
||||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" :id="item.name"></i>{{item.name}}</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-3" v-for="web in item.web">
|
||||
<div class="xe-widget xe-conversations box2 label-info" @click="openweb(web.url)" data-toggle="tooltip" data-placement="bottom" title="" :data-original-title="web.url">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img :data-src="'../' + web.logo" class="lozad img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>{{web.title}}</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">{{web.desc}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
<div v-else v-for="subItem in item.children">
|
||||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" :id="subItem.name"></i>{{subItem.name}}</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-3" v-for="web in subItem.web">
|
||||
<div class="xe-widget xe-conversations box2 label-info" @click="openweb(web.url)" data-toggle="tooltip" data-placement="bottom" title="" :data-original-title="web.url">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img :data-src="'../' + web.logo" class="lozad img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>{{web.title}}</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">{{web.desc}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<!--END UED团队 -->
|
||||
<!-- Main Footer -->
|
||||
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
|
||||
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->
|
||||
<!-- Or class "fixed" to always fix the footer to the end of page -->
|
||||
<footer class="main-footer sticky footer-type-1">
|
||||
<div class="footer-inner">
|
||||
<!-- Add your copyright text here -->
|
||||
<div class="footer-text">
|
||||
© 2017-2019
|
||||
<a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
|
||||
<!-- - Purchase for only <strong>23$</strong> -->
|
||||
</div>
|
||||
<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
|
||||
<div class="go-up">
|
||||
<a href="#" rel="go-top">
|
||||
<i class="fa-angle-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 锚点平滑移动 -->
|
||||
<script type="text/javascript">
|
||||
var items;
|
||||
function getData(data) { items = data; }
|
||||
|
||||
$(document).ready(function() {
|
||||
new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
items: items
|
||||
},
|
||||
methods: {
|
||||
openweb: function(url) {
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.$nextTick(function () {
|
||||
//img lazy loaded
|
||||
const observer = lozad();
|
||||
observer.observe();
|
||||
|
||||
$(document).on('click', '.has-sub', function(){
|
||||
var _this = $(this)
|
||||
if(!$(this).hasClass('expanded')) {
|
||||
setTimeout(function(){
|
||||
_this.find('ul').attr("style","")
|
||||
}, 300);
|
||||
|
||||
} else {
|
||||
$('.has-sub ul').each(function(id,ele){
|
||||
var _that = $(this)
|
||||
if(_this.find('ul')[0] != ele) {
|
||||
setTimeout(function(){
|
||||
_that.attr("style","")
|
||||
}, 300);
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.user-info-menu .hidden-sm').click(function(){
|
||||
if($('.sidebar-menu').hasClass('collapsed')) {
|
||||
$('.has-sub.expanded > ul').attr("style","")
|
||||
} else {
|
||||
$('.has-sub.expanded > ul').show()
|
||||
}
|
||||
})
|
||||
|
||||
$("#main-menu li ul li").click(function() {
|
||||
$(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
|
||||
$(this).addClass('active'); // 添加当前元素的样式
|
||||
});
|
||||
|
||||
$("a.smooth").click(function(ev) {
|
||||
ev.preventDefault();
|
||||
|
||||
public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
|
||||
ps_destroy();
|
||||
$("html, body").animate({
|
||||
scrollTop: $($(this).attr("href")).offset().top - 30
|
||||
}, {
|
||||
duration: 500,
|
||||
easing: "swing"
|
||||
});
|
||||
});
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- Bottom Scripts -->
|
||||
<script src="../assets/js/bootstrap.min.js"></script>
|
||||
<script src="../assets/js/TweenMax.min.js"></script>
|
||||
<script src="../assets/js/resizeable.js"></script>
|
||||
<script src="../assets/js/joinable.js"></script>
|
||||
<script src="../assets/js/xenon-api.js"></script>
|
||||
<script src="../assets/js/xenon-toggles.js"></script>
|
||||
<!-- JavaScripts initializations and stuff -->
|
||||
<script src="../assets/js/xenon-custom.js"></script>
|
||||
<script src="../assets/js/lozad.js"></script>
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
|
||||
<script type="text/javascript" src="../assets/data.json?callback=getData"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
147
en/about.html
@ -1,147 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<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" />
|
||||
<meta name="author" content="viggo" />
|
||||
<title>WebStack.cc - 设计师网址导航</title>
|
||||
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon.png">
|
||||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-core.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-components.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
|
||||
<link rel="stylesheet" href="../assets/css/nav.css">
|
||||
<script src="../assets/js/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- / FB Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="http://www.webstack.cc/">
|
||||
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta property="og:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<!-- / Twitter Cards -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
</head>
|
||||
|
||||
<body class="page-body boxed-container">
|
||||
<nav class="navbar horizontal-menu navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="navbar-brand">
|
||||
<a href="index.html" class="logo">
|
||||
<img src="../assets/images/logo_dark@2x.png" width="100%" alt="" class="hidden-xs">
|
||||
<img src="../assets/images/logo@2x.png" width="100%" alt="" class="visible-xs">
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-mobile-clear"></div>
|
||||
<a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="page-container">
|
||||
<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
|
||||
<div class="main-content" style="">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<!-- 关于网站 -->
|
||||
<h4 class="text-gray">关于网站</h4>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<blockquote>
|
||||
<p>有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
|
||||
</br>
|
||||
<p>如果你也是设计师，如果你也正好喜欢设计，那希望这个网站能给你带来一些作用。</p>
|
||||
<p>闲聊或者有任何建议都可以加QQ群交流：304584722</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 关于站长 -->
|
||||
<h4 class="text-gray">关于站长</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.viggoz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.viggoz.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/viggoz.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Designer. Viggo.</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2"> Full-time UI designer with an enduring interest in Coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<br />
|
||||
<blockquote>
|
||||
<p>
|
||||
这是一个公益项目，而且是<a href="https://github.com/WebStackPage/WebStackPage.github.io"> 开源 </a><iframe src="https://ghbtns.com/github-btn.html?user=WebStackPage&repo=WebStackPage.github.io&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>的。你也可以拿来制作自己的网址导航。如果你有更好的想法，可以通过个人网站<a href="http://www.viggoz.com"><span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip">viggoz.com</span></a>中的联系方式找到我，欢迎与我交流分享。
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main Footer -->
|
||||
<footer class="main-footer sticky footer-type-1 fixed">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-text">
|
||||
© 2017 - 2019
|
||||
<a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
|
||||
</div>
|
||||
<div class="go-up">
|
||||
<a href="#" rel="go-top">
|
||||
<i class="fa-angle-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bottom Scripts -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/TweenMax.min.js"></script>
|
||||
<script src="assets/js/resizeable.js"></script>
|
||||
<script src="assets/js/joinable.js"></script>
|
||||
<script src="assets/js/xenon-api.js"></script>
|
||||
<script src="assets/js/xenon-toggles.js"></script>
|
||||
<!-- JavaScripts initializations and stuff -->
|
||||
<script src="assets/js/xenon-custom.js"></script>
|
||||
<textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
292
en/index.html
@ -1,292 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
|
||||
</script>
|
||||
<script>
|
||||
(adsbygoogle = window.adsbygoogle || []).push({
|
||||
google_ad_client: "ca-pub-8550836177608334",
|
||||
enable_page_level_ads: true
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="author" content="viggo" />
|
||||
<title>WebStack.cc - 设计师网址导航</title>
|
||||
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon.png">
|
||||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
|
||||
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-core.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-components.css">
|
||||
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
|
||||
<link rel="stylesheet" href="../assets/css/nav.css">
|
||||
<script src="../assets/js/jquery-1.11.1.min.js"></script>
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- / FB Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="http://www.webstack.cc/">
|
||||
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<!-- / Twitter Cards -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||||
<meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
</head>
|
||||
|
||||
<body class="page-body">
|
||||
<!-- skin-white -->
|
||||
<div class="page-container" id="app">
|
||||
<div class="sidebar-menu toggle-others fixed">
|
||||
<div class="sidebar-menu-inner">
|
||||
<header class="logo-env">
|
||||
<!-- logo -->
|
||||
<div class="logo">
|
||||
<a href="index.html" class="logo-expanded">
|
||||
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
|
||||
</a>
|
||||
<a href="index.html" class="logo-collapsed">
|
||||
<img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="mobile-menu-toggle visible-xs">
|
||||
<a href="#" data-toggle="user-info-menu">
|
||||
<i class="linecons-cog"></i>
|
||||
</a>
|
||||
<a href="#" data-toggle="mobile-menu">
|
||||
<i class="fa-bars"></i>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<ul id="main-menu" class="main-menu">
|
||||
<li v-for="menu in items">
|
||||
<a :href="'#'+menu.name" class="smooth">
|
||||
<i :class="menu.icon"></i>
|
||||
<span class="title">{{menu.en_name}}</span>
|
||||
</a>
|
||||
<ul v-if="menu.children">
|
||||
<li v-for="submenu in menu.children">
|
||||
<a :href="'#'+submenu.name" class="smooth">
|
||||
<span class="title">{{submenu.en_name}}</span>
|
||||
<span v-show="submenu.is_hot" class="label label-pink pull-right hidden-collapsed">Hot</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<div class="submit-tag">
|
||||
<a href="about.html">
|
||||
<i class="linecons-heart"></i>
|
||||
<span class="tooltip-blue">关于本站</span>
|
||||
<span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
|
||||
</a>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<nav class="navbar user-info-navbar" role="navigation">
|
||||
<!-- User Info, Notifications and Menu Bar -->
|
||||
<!-- Left links for user info navbar -->
|
||||
<ul class="user-info-menu left-links list-inline list-unstyled">
|
||||
<li class="hidden-sm hidden-xs">
|
||||
<a href="#" data-toggle="sidebar">
|
||||
<i class="fa-bars"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown hover-line language-switcher">
|
||||
<a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||||
</a>
|
||||
<ul class="dropdown-menu languages">
|
||||
<li>
|
||||
<a href="../en/index.html">
|
||||
<img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="../cn/index.html">
|
||||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
</nav>
|
||||
|
||||
<div v-for="item in items">
|
||||
<div v-if="item.web">
|
||||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" :id="item.name"></i>{{item.en_name}}</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-3" v-for="web in item.web">
|
||||
<div class="xe-widget xe-conversations box2 label-info" @click="openweb(web.url)" data-toggle="tooltip" data-placement="bottom" title="" :data-original-title="web.url">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img :data-src="'../' + web.logo" class="lozad img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>{{web.title}}</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">{{web.desc}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
<div v-else v-for="subItem in item.children">
|
||||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" :id="subItem.name"></i>{{subItem.en_name}}</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-3" v-for="web in subItem.web">
|
||||
<div class="xe-widget xe-conversations box2 label-info" @click="openweb(web.url)" data-toggle="tooltip" data-placement="bottom" title="" :data-original-title="web.url">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img :data-src="'../' + web.logo" class="lozad img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>{{web.title}}</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">{{web.desc}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<!--END UED团队 -->
|
||||
<!-- Main Footer -->
|
||||
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
|
||||
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->
|
||||
<!-- Or class "fixed" to always fix the footer to the end of page -->
|
||||
<footer class="main-footer sticky footer-type-1">
|
||||
<div class="footer-inner">
|
||||
<!-- Add your copyright text here -->
|
||||
<div class="footer-text">
|
||||
© 2017-2019
|
||||
<a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
|
||||
<!-- - Purchase for only <strong>23$</strong> -->
|
||||
</div>
|
||||
<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
|
||||
<div class="go-up">
|
||||
<a href="#" rel="go-top">
|
||||
<i class="fa-angle-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 锚点平滑移动 -->
|
||||
<script type="text/javascript">
|
||||
var items;
|
||||
function getData(data) { items = data; }
|
||||
|
||||
$(document).ready(function() {
|
||||
new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
items: items
|
||||
},
|
||||
methods: {
|
||||
openweb: function(url) {
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.$nextTick(function () {
|
||||
//img lazy loaded
|
||||
const observer = lozad();
|
||||
observer.observe();
|
||||
|
||||
$(document).on('click', '.has-sub', function(){
|
||||
var _this = $(this)
|
||||
if(!$(this).hasClass('expanded')) {
|
||||
setTimeout(function(){
|
||||
_this.find('ul').attr("style","")
|
||||
}, 300);
|
||||
|
||||
} else {
|
||||
$('.has-sub ul').each(function(id,ele){
|
||||
var _that = $(this)
|
||||
if(_this.find('ul')[0] != ele) {
|
||||
setTimeout(function(){
|
||||
_that.attr("style","")
|
||||
}, 300);
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.user-info-menu .hidden-sm').click(function(){
|
||||
if($('.sidebar-menu').hasClass('collapsed')) {
|
||||
$('.has-sub.expanded > ul').attr("style","")
|
||||
} else {
|
||||
$('.has-sub.expanded > ul').show()
|
||||
}
|
||||
})
|
||||
|
||||
$("#main-menu li ul li").click(function() {
|
||||
$(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
|
||||
$(this).addClass('active'); // 添加当前元素的样式
|
||||
});
|
||||
|
||||
$("a.smooth").click(function(ev) {
|
||||
ev.preventDefault();
|
||||
|
||||
public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
|
||||
ps_destroy();
|
||||
$("html, body").animate({
|
||||
scrollTop: $($(this).attr("href")).offset().top - 30
|
||||
}, {
|
||||
duration: 500,
|
||||
easing: "swing"
|
||||
});
|
||||
});
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- Bottom Scripts -->
|
||||
<script src="../assets/js/bootstrap.min.js"></script>
|
||||
<script src="../assets/js/TweenMax.min.js"></script>
|
||||
<script src="../assets/js/resizeable.js"></script>
|
||||
<script src="../assets/js/joinable.js"></script>
|
||||
<script src="../assets/js/xenon-api.js"></script>
|
||||
<script src="../assets/js/xenon-toggles.js"></script>
|
||||
<!-- JavaScripts initializations and stuff -->
|
||||
<script src="../assets/js/xenon-custom.js"></script>
|
||||
<script src="../assets/js/lozad.js"></script>
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
|
||||
<script type="text/javascript" src="../assets/data.json?callback=getData"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
79
index.html
@ -1,79 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<link rel="shortcut icon" href="./assets/images/favicon.png">
|
||||
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
||||
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(adsbygoogle = window.adsbygoogle || []).push({
|
||||
google_ad_client: "ca-pub-8550836177608334",
|
||||
enable_page_level_ads: true
|
||||
});
|
||||
</script>
|
||||
<meta charset="UTF-8">
|
||||
<title>WebStack.cc - 设计师网址导航</title>
|
||||
<script>
|
||||
if (navigator.appName == "Netscape") {
|
||||
var language = navigator.language;
|
||||
} else {
|
||||
var language = navigator.browserLanguage;
|
||||
|
||||
}
|
||||
|
||||
if (language.indexOf("en") > -1) {
|
||||
document.location.href = "en/index.html";
|
||||
} else if (language.indexOf("zh") > -1) {
|
||||
document.location.href = "cn/index.html";
|
||||
} else {
|
||||
document.location.href = "en/index.html";
|
||||
|
||||
}
|
||||
</script>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="author" content="viggo" />
|
||||
<title>WebStack.cc - Collection of resources and tools for Designers</title>
|
||||
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,UX师网址导航,www.webstack.cc">
|
||||
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
|
||||
<!-- / FB Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="http://www.webstack.cc/">
|
||||
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,UX师网址导航,www.webstack.cc">
|
||||
<meta property="og:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<!-- / Twitter Cards -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||||
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,UX师网址导航,www.webstack.cc">
|
||||
<meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111463289-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-111463289-1');
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
12260
package-lock.json
generated
Normal file
47
package.json
Normal file
@ -0,0 +1,47 @@
|
||||
{
|
||||
"name": "webstack",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"core-js": "^3.6.5",
|
||||
"vue": "^2.6.11",
|
||||
"vue-router": "^3.4.9"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-eslint": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"css-loader": "^5.0.1",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-vue": "^6.2.2",
|
||||
"file-loader": "^6.2.0",
|
||||
"style-loader": "^2.0.0",
|
||||
"vue-template-compiler": "^2.6.11",
|
||||
"webpack": "^5.4.0"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/essential",
|
||||
"eslint:recommended"
|
||||
],
|
||||
"parserOptions": {
|
||||
"parser": "babel-eslint"
|
||||
},
|
||||
"rules": {}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead"
|
||||
]
|
||||
}
|
||||
|
Before Width: | Height: | Size: 397 B After Width: | Height: | Size: 397 B |
|
Before Width: | Height: | Size: 388 B After Width: | Height: | Size: 388 B |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 8.9 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |