- 欢迎来到 InsCode
+
+
+
+
+
+
+
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/script.js b/script.js
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..dfea5c28e80babbcab1f4f50fd5ca9dcea841e4f 100644
--- a/script.js
+++ b/script.js
@@ -0,0 +1,32 @@
+// 初始化 isotope
+var $grid = $('.grid').isotope({
+ itemSelector: '.musour-icon'
+ });
+
+ var filters = {};
+
+ $('.filters').on( 'click', '.button', function( event ) {
+ var $button = $( event.currentTarget );
+ var $buttonGroup = $button.parents('.button-group');
+ var filterGroup = $buttonGroup.attr('data-filter-group');
+ filters[ filterGroup ] = $button.attr('data-filter');
+ var filterValue = concatValues( filters );
+ $grid.isotope({ filter: filterValue });
+ });
+
+ $('.button-group').each( function( i, buttonGroup ) {
+ var $buttonGroup = $( buttonGroup );
+ $buttonGroup.on( 'click', 'button', function( event ) {
+ $buttonGroup.find('.is-checked').removeClass('is-checked');
+ var $button = $( event.currentTarget );
+ $button.addClass('is-checked');
+ });
+ });
+
+ function concatValues( obj ) {
+ var value = '';
+ for ( var prop in obj ) {
+ value += obj[ prop ];
+ }
+ return value;
+ }
\ No newline at end of file
diff --git a/style.css b/style.css
index b71aefeb44c37fd9fbd21145a8912cf62322ebdc..08e7082966eefe7f90cb36c5286e87d432f9c280 100644
--- a/style.css
+++ b/style.css
@@ -1,9 +1,56 @@
-html{
- height: 100%;
- width: 100%;
+:root {
+ --accentOne: #A3B29F;
+ --accentTwo: #D1D3B9;
+ --accentThree: #D2BD76;
+ --background: #eeeeee;
+ --backgroundTwo: #e5e5e5;
+ --text: #555555;
+
+ --title: Oranienbaum, serif;
+ --body: Open Sans, sans serif;
}
+body { margin:0px!important;background-color:var(--background); }
+a { text-decoration:none!important; }
+.musour { display:grid;height:100vh;width:100vw;grid-template-columns:280px auto;overflow-y:hidden; }
+.musour-left { padding:50px;color:var(--text);font:12px var(--body);display:flex;height:calc(100vh - 100px);flex-direction:column; }
+.musour-title { font:40px var(--title);line-height:40px;padding-top:3px; }
+.musour-title div { font-size:99px;margin-left:-2px;line-height:80px;color:#75d25d; }
+.musour-title-2 { background:linear-gradient(to bottom left,var(--accentOne),var(--accentTwo));font:700 10px var(--body);line-height:10px;padding:14px 0px 16px 4px;text-align:center;color:var(--background);letter-spacing:4.2px;border-radius:10px;margin:15px 0px 30px 0px;cursor:pointer;transition:.3s all; }
+.musour-title-2:hover { transform:scale(1.05);opacity:.8; }
+.musour-blurb { text-align:justify;line-height:18px; }
+.musour-filters { margin-top:30px;flex-grow:1;overflow:auto; }
+.musour-filters::-webkit-scrollbar-thumb { border-left:solid 15px var(--background);background:linear-gradient(to bottom,var(--accentOne),var(--accentTwo)); }
+.musour-filters::-webkit-scrollbar { width:16px; }
+.musour-filters div { display:flex;flex-direction:column; }
+.musour-filters h1 { background-color:var(--backgroundTwo);font:700 10px var(--body);line-height:10px;padding:14px 0px 16px 4px;text-align:center;color:var(--text);letter-spacing:4.2px;border-radius:10px;margin:20px 0px;text-transform:uppercase;line-height:12px; }
+.musour-filters button { margin-top:0px;border:none;background:transparent;text-align:left;padding:0px;cursor:pointer;font:12px var(--body);color:var(--text);line-height:20px;transition:.3s all; }
+.musour-filters .is-checked { font-weight:700!important; }
+.musour-filters button::before { content:'+';color:var(--accentOne);padding-right:10px; }
+.musour-filters button:hover { color:var(--accentOne); }
-.container {
- text-align: center;
- padding: 64px;
-}
\ No newline at end of file
+.musour-color { flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:8px; }
+.musour-color button { height:20px;width:20px;background:linear-gradient(to bottom left,var(--accentOne),var(--accentTwo));border-radius:3px; }
+.musour-color .red { background:#B45758!important; }
+.musour-color .orange { background:#AE8657!important; }
+.musour-color .yellow { background:#AAA95F!important; }
+.musour-color .green { background:#5C916B!important; }
+.musour-color .blue { background:#6599B0!important; }
+.musour-color .purple { background:#8564AD!important; }
+.musour-color .pink { background:#B9619D!important; }
+.musour-color .brown { background:#735E45!important; }
+.musour-color .black { background:#555555!important; }
+.musour-color .gray { background:#bbbbbb!important; }
+.musour-color .white { background:var(--backgroundTwo)!important; }
+.musour-color button::before { display:none; }
+
+
+.musour-right { background:linear-gradient(to bottom left,var(--accentOne),#41c8fb);border-radius:50px 0px 0px 0px;padding:75px;min-width:490px;box-shadow: 0px 0px 20px rgba(44,44,44,.1);box-shadow:none; }
+.musour-right .grid { max-height:calc(100vh - 150px);overflow:auto; }
+.musour-right .grid::-webkit-scrollbar-thumb { background-color:var(--background);border-radius:5px; }
+.musour-right .grid::-webkit-scrollbar { width:10px; }
+.musour-icon { background-color:var(--background);padding:15px;border-radius:15px;width:100px;margin:0px 25px 25px 0px;box-shadow: 5px 5px 10px -3px rgba(44,44,44,.05);height:110px;transform:scale(1);transition:.3s all; }
+.musour-icon img { height:70px;width:100px;border-radius:5px 5px 0px 0px;margin-bottom:0px!important;display:block;/* filter:grayscale(75%) contrast(100%); */opacity:1;transition:.3s all; }
+.musour-icon div { border-radius:0px 0px 5px 5px;background-color:var(--backgroundTwo);padding:10px;font:11px var(--body);color:var(--text);text-transform:lowercase;line-height:13px;font-style:italic;height:20px;display:flex;flex-direction:column;justify-content:center; }
+.musour-icon div b { display:block;font-style:normal!important;color:var(--accentOne);text-transform:uppercase; }
+.musour-icon:hover { transform:scale(1); }
+.musour-icon:hover img { opacity:1;filter:grayscale(0%) contrast(100%)!important; }
\ No newline at end of file
+
+ HY
+ 资源库海拥百宝箱
+获取源码
+
+
+
-
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 蜘蛛纸牌
+
+
+ 
+
+
+
+ 小霸王游戏机
+
+
+ 
+
+
+
+ 第三人称射击游戏
+
+
+ 
+
+
+
+ 是男人就下100层
+
+
+ 
+
+
+
+ 盖楼游戏
+
+
+ 
+
+
+
+ 杀死国王
+
+
+ 
+
+
+
+ 黄金矿工
+
+
+ 
+
+
+
+ 自定义大转盘
+
+
+ 
+
+
+
+
+ 植物大战僵尸
+
+
+ 
+
+
+
+ 墓地逃亡
+
+
+ 
+
+
+
+ 网址批量打开工具
+
+
+ 
+
+
+
+ 双人五子棋
+
+
+ 
+
+
+
+ 五子棋
+ 多种模式
+
+ 
+
+
+
+ 五子棋
+ 简易版
+
+ 
+
+
+
+ 五子棋
+ 与AI对弈
+
+ 
+
+
+
+ 中国象棋
+
+
+ 
+
+
+
+ 飞机大战
+ H5版
+
+ 
+
+
+
+ 召唤神龙
+
+
+ 
+
+
+
+ 自定义生成树
+
+
+ 
+
+
+
+
+ 2048
+
+
+ 
+
+
+
+ 危险货车
+
+
+ 
+
+
+
+ 海盗入侵
+
+
+ 
+
+
+
+ 赛车
+
+
+ 
+
+
+
+ 扫雷
+ 经典小游戏
+
+ 
+
+
+
+ 井字棋
+ XXOO
+
+ 
+
+
+
+ 坦克大战
+
+
+ 
+
+
+
+ 消灭方块
+
+
+ 
+
+
+
+ 天天消消乐
+
+
+ 
+
+
+
+ 极速漂移赛车
+
+
+ 
+
+
+
+ 下一个数字
+
+
+ 
+
+
+
+
+ 《西部牛仔》
+
+ 
+
+
+
+ 全民飞机大战
+
+
+ 
+
+
+
+
+ 《飞跃的奶酪》
+
+ 
+
+
+
+
+ 桌球游戏
+
+ 
+
+
+
+ 黑杰克
+ 21点
+
+ 
+
+
+
+ 天津麻将
+ 网页版
+
+ 
+
+
+
+ 《连星星》
+
+
+ 
+
+
+
+ 《繁衍战争》
+
+
+ 
+
+
+
+ 机甲战士
+
+
+ 
+
+
+
+ 星际争霸
+
+
+ 
+
+
+
+ 单机斗地主
+
+
+ 
+
+
+
+ 解救海盗船长
+
+
+ 
+
+
+
+ 侠盗罗宾汉
+
+
+ 
+
+
+
+ 罗斯魔影
+
+
+ 
+
+
+
+ 高达战争
+
+
+ 
+
+
+
+ 峡谷大冒险
+
+
+ 
+
+
+
+ 🐓 只因你太美
+
+
+ 
+
+
+
+ 萌怪大冒险
+
+
+ 
+
+
+
+ 保卫机器人
+
+
+ 
+
+
+
+ 兔子快跑
+
+
+ 
+
+
+
+ 魂斗罗
+
+
+ 
+
+
+
+ 公园停车
+
+
+ 
+
+
+
+ 密室逃生
+
+
+ 
+
+
+
+ 亡者之城
+
+
+ 
+
+
+
+ 特工卡尔施
+
+
+ 
+
+
+
+ 魔法蛋
+
+
+ 
+
+
+
+ 飞越天险
+
+
+ 
+
+
+
+ 疯狂光头强
+
+
+ 
+
+
+
+ 太空跑酷
+
+
+ 
+
+
+
+ 弗莱迪的物理实验
+
+
+ 
+
+
+
+ 骑士冒险
+
+
+ 
+
+
+
+ 森林协奏曲
+
+
+ 
+
+
+
+ 红蓝旋转
+
+
+ 
+
+
+
+ win10
+
+
+ 
+
+
+
+ 维京战争
+
+
+ 
+
+
+
+ 水果忍者
+
+
+ 
+
+
+
+ 捕鱼达人
+
+
+ 
+
+
+
+ 超级玛丽
+ 小霸王里可以玩原版
+
+ 
+
+
+
+ 跳房子
+
+
+ 
+
+
+
+ 一个都不能死
+
+
+ 
+
+
+
+ 石头剪刀布
+
+
+ 
+
+
+
+ 过马路小游戏
+
+
+ 
+
+
+
+ 纸牌记忆游戏
+
+
+ 
+
+
+
+ 逗猫
+
+
+ 
+
+
+
+ 保护鸡蛋
+
+
+ 
+
+
+
+ 打地鼠
+
+
+ 
+
+
+
+ 拉杆子过关
+
+
+ 
+
+
+
+ 斗地主
+
+
+ 
+
+
+
+ 弹珠打砖块游戏
+
+
+ 
+
+
+
+ I-am-Airplane
+
+
+ 
+
+
+
+ 飞机炸弹💣
+
+
+ 
+
+
+
+ 爱吹风的小狮子🦁
+
+
+ 
+
+
+
+ 打喷嚏的喷火龙
+
+
+ 
+
+
+
+ 宠物精灵对战
+
+
+ 
+
+
+
+ 切方块小游戏
+
+
+ 
+
+
+
+ 人工智障
+
+
+ 
+
+
+
+ 保护芯堆
+
+
+ 
+
+
+
+ 俄罗斯方块
+
+
+ 
+
+
+
+ 户外滑雪
+
+
+ 
+
+
+
+ 视觉差贪吃蛇
+
+
+ 
+
+
+
+ CPS测速
+
+
+ 
+
+
+
+ 圣诞老人过桥
+
+
+ 
+
+
+
+ 三只小鸡
+
+
+ 
+
+
+
+ Tamagotchi养成小游戏
+
+
+ 
+
+
+
+ 3D酷炫拼魔方
+
+
+ 
+
+
+
+ 盖塔楼
+
+
+ 
+
+
+
+ 小飞鱼🐳
+
+
+ 
+
+
+
+
+ 扫雷
+
+
+ 
+
+
+
+ 射箭游戏
+
+
+ 
+
+
+
+ 小熊吃星星（61关）
+
+
+ 
+
+
+
+ 见缝插针
+
+
+ 
+
+
+
+ AI井字棋
+
+
+ 
+
+
+
+ 双人井字棋bug版
+
+
+ 
+
+
+
+ 双人井字棋升级版
+
+
+ 
+
+
+
+ 闯关小游戏
+
+
+ 
+
+
+
+ 无限跑酷
+
+
+ 
+
+
+
+ 虫子走迷宫🐛
+
+
+ 
+
+
+
+ 撕衣服👗
+
+
+
+
+
+
+ 鼠标🖱走迷宫
+
+
+ 
+
+
+
+ 影子分身闯关
+
+
+ 
+
+
+
+ 吃豆人游戏
+
+
+ 
+
+
+
+ 挡板小游戏
+
+
+ 
+
+
+
+ 是英雄就下一百层
+
+
+ 
+
+
+
+ 骰子游戏
+
+
+ 
+
+
+
+ 文章生成器
+
+
+ 
+
+
+
+ 签名生成器
+
+
+ 
+
+
+
+ 图像放大器
+
+
+ 
+
+
+
+ 字符计数器
+
+
+ 
+
+
+
+ 拖拽生成器✨
+
+
+ 
+
+
+
+ 大小写转换器
+
+
+ 
+
+
+
+ 代码素描
+
+
+ 
+
+
+
+ 配色器
+
+
+ 
+
+
+
+ 随机密码生成器
+
+
+ 
+
+
+
+ 密码生成器
+
+
+ 
+
+
+
+ PDF生成器
+
+
+ 
+
+
+
+ 颜色标记生成器
+
+
+ 
+
+
+
+ 随机颜色生成器
+
+
+ 
+
+
+
+ 年龄计算器
+
+
+ 
+
+
+
+ 文本转换为文件
+
+
+
+
+
+
+ win10
+
+
+ 
+
+
+
+ 音乐播放器
+
+
+ 
+
+
+
+ 最长的成语接龙
+
+
+ 
+
+
+
+ 自定义骰子
+
+
+ 
+
+
+
+ 计算器1.0
+
+
+ 
+
+
+
+ 计算器2.0
+
+
+ 
+
+
+
+ 计算器3.0
+
+
+ 
+
+
+
+ 计算器4.0
+
+
+ 
+
+
+
+ 待办事项清单
+
+
+ 
+
+
+
+ 天气实况
+
+
+ 
+
+
+
+ 辞职信
+
+
+ 
+
+
+
+ 水波文本动画
+
+
+ 
+
+
+
+ 计数器
+
+
+ 
+
+
+
+ 黑客入侵
+
+
+ 
+
+
+
+ 爱心特效
+
+
+ 
+
+
+
+ 樱花
+
+
+ 
+
+
+
+ 下雪
+
+
+ 
+
+
+
+ 贺卡
+
+
+ 
+
+
+
+ 日夜切换
+
+
+ 
+
+
+
+ 白色简约时钟
+
+
+ 
+
+
+
+ 黑色炫酷时钟
+
+
+ 
+
+
+
+ 八卦时钟
+
+
+ 
+
+
+
+ 简单模拟时钟
+
+
+ 
+
+
+
+ 仿真按钮
+
+
+ 
+
+
+
+ 七色的雨💧
+
+
+ 
+
+
+
+ 自定义浪漫信封
+
+
+ 
+
+
+
+ 哆啦A梦的时光机
+
+
+ 
+
+
+
+ GitHub 登录页面
+
+
+ 
+
+
+
+ 烟花特效1
+
+
+ 
+
+
+
+ 烟花特效2
+
+
+ 
+
+
+
+ 烟花特效3
+
+
+ 
+
+
+
+ 烟花特效4
+
+
+ 
+
+
+
+ 烟花特效5
+
+
+ 
+
+
+
+ 圣诞树1
+
+
+ 
+
+
+
+ 圣诞树2
+
+
+ 
+
+
+
+ 圣诞树3
+
+
+ 
+
+
+
+ 圣诞树4
+
+
+ 
+
+
+
+ 圣诞树5
+
+
+ 
+
+
+
+ 灰色房产中介公司网站模板
+
+
+ 
+
+
+
+ 橘黄色html5科技公司网站模板
+
+
+ 
+
+
+
+ 电子商务大型html5模板
+
+
+ 
+
+
+
+ 怀旧服魔兽世界游戏类主题页面模板
+
+
+ 
+
+
+
+ 个人简历网站模板
+
+
+ 
+
+
+
+ 个人简历网站模板 Certy
+
+
+ 
+
+
+
+ 炫酷博客杂志资讯网站模板
+
+
+ 
+
+
+
+ 仿windows桌面主题特效
+
+
+ ![]()
+
+
+ 婴儿用品商店
+
+
+ ![]()
+
+
+ 卡通动漫游戏专题网站模板
+
+
+ 
+
+
+
+ 小学教育卡通网站模板
+
+
+ 
+
+
+
+ 游戏制作公司官网网站模板
+
+
+ 
+
+
+
+ 明星个人简介网页模板
+
+
+ 
+
+
+
+ 旅游景区介绍html5模板
+
+
+ 
+
+
+
+ 12种网站图片展示方式
+
+
+ ![]()
+
+
+ 玻璃态创意云设计
+
+
+ ![]()
+
+
+ Game Robo游戏公司网站模板
+
+
+ 
+
+
+
+ 蓝色IT互联网企业官网模板
+
+
+ 
+
+
+
+ 电影影视门户网站html5模板
+
+
+ 
+
+
+
+ 公共租赁住房信息后台管理系统
+
+
+ 
+
+
+
+ 创意博客HTML5网页模板
+
+
+ 
+
+
+
+ 简洁关于我们介绍页模板
+
+
+ 
+
+
+
+ 半透明个人博客HTML模板
+
+
+ 
+
+
+
+ 音乐炫彩背景网页模板
+
+
+ 
+
+
+
+ 简约蓝软件公司网站模板
+
+
+ 
+
+
+
+ 蓝色风格房地产网站模板下载
+
+
+ 
+
+
+
+ 房产经纪网站HTML模板
+
+
+ 
+
+
+
+ 蓝色渐变背景相册作品集网站模板
+
+
+ 
+
+
+
+ 网页游戏开发公司网站模板
+
+
+ 
+
+
+
+ 卡通涂鸦效果网站html模板
+
+
+ 
+
+
+
+ 大气黑色质感风格游戏网站整站模版
+
+
+ 
+
+
+
+ 网上订花商城HTML网站模板
+
+
+ 
+
+
+
+ SEO优化团队类网站模板
+
+
+ 
+
+
+
+ 美国律师事务所企业网站模板
+
+
+ 
+
+
+
+ 宽屏UI设计师个人简历网页模板
+
+
+ 
+
+
+
+ 室内装修设计类网站静态模板
+
+
+ 
+
+
+
+ 大气扁平化旅行网站模板
+
+
+ 
+
+
+
+ 二手豪车销售官网网站模板
+
+
+ 
+
+
+
+ 业务销售统计管理网站模板
+
+
+ 
+
+
+
+ html在线商城网站模板
+
+