最新

# TelUI TelUI 是一个基于 Electron 的 UI 框架，它打包了一些可复用的前端基本组件——颜色工具、排版助手和基本的结构样式——因此您可以用最少的设置来原型化简单的桌面 UI 想法。 ## 功能 * 捆绑的 Electron 运行器 (`npm start`)，用于提供 `index.html` 以进行即时桌面预览。 * 标记化样式层：`color.css`、`font.css`、`header.css` 和 `align.css` 保持了演示规则的隔离，并且易于混搭。 * `animation.css` 中的微交互助手（例如，`.hover-fade`、`light`）用于微妙的悬停状态或强调传递。 * Google Fonts 集成（Funnel Display）以及可选的实用程序类，如 `.arial`。 * `icons/` 下的即插即用图标资源，以帮助说明加载和状态。 ## 快速开始 ```bash npm install npm run start ``` 该应用程序启动一个 800×600 的 Electron 窗口，加载 `index.html`。修改任何 CSS 或 HTML 文件并重新启动（或重新加载）以查看更改。 ## 项目布局 ```text index.js # Electron 引导程序 index.html # 使用 TelUI 样式的演示画布 font.css # 排版实用程序和 Google Fonts 导入 color.css # 颜色标记（例如，gentleblue、brightblue、gray/grey、green） animation.css # 悬停淡入助手和光滤镜效果 header.css # 标题容器的结构调整 align.css # `<center>` 助手，用于水平居中任何块 icons/ # 共享的位图/gif 资源（例如，loading.gif） package.json # 依赖项和 npm 脚本 ``` ## 使用实用程序 1. 在您的 HTML 入口点中引用您需要的样式： ```html <link rel="stylesheet" href="font.css"> <link rel="stylesheet" href="color.css"> <link rel="stylesheet" href="header.css"> <link rel="stylesheet" href="animation.css"> <link rel="stylesheet" href="align.css"> ``` 2. 应用提供的类或自定义元素标签： ```html <gentleblue> <header> <h1>TelUI</h1> </header> <p class="arial">Prototype copy goes here.</p> </gentleblue> ``` `font.css` 暴露了 `.funneldisplay` 和 `.arial`。颜色标记（`gentleblue`、`brightblue`、`gray`、`grey`、`green`）既可以用作元素选择器，也可以转换为类，如果您更喜欢 `.gentleblue` 语法。 3. 在需要的地方添加动画助手： ```html <button class="hover-fade funneldisplay">Hover me</button> <light>Accent block</light> ``` `.hover-fade` 应用共享的透明度/缩放过渡；`light` 标签为您提供一个过滤的高亮包装器，而无需触及内联样式。 4. 使用专用标签居中块： ```html <center> <button>CTA</button> </center> ``` `align.css` 样式表将 `<center>` 约束为 `max-width: fit-content`，并使用自动水平边距，因此任何嵌套元素都保持居中，而无需额外的包装器。 5. 通过指向资源目录来重用图标： ```html <img src="icons/loading.gif" alt="Loading indicator"> ``` ## 扩展 TelUI * 通过更新相应的 CSS 文件来添加新的颜色标记或排版助手；保持选择器具有声明性，并按类别组织。 * 对于额外的 Electron 行为（菜单、预加载脚本、IPC），扩展 `index.js`，同时保持 UI 导向的文件框架无关。 * 当作为可分发应用程序发布时，配置 `electron-builder` 或您喜欢的打包程序；当前的设置是有意为之的。 ## 许可证 除非在单个文件中另有说明，否则 TelUI 在 MIT 许可证下分发。在重新分发 TelUI 或衍生作品时，请包含许可证文本。 URL: https://github.com/eotter-beep/telui

我开发了 DeepShot，一个使用滚动统计数据、历史表现和近期势头来预测 NBA 比赛的机器学习模型——所有这些都以清晰、交互式的 Web 应用程序的形式呈现。与简单的平均值或博彩赔率不同，DeepShot 使用指数加权移动平均 (EWMA) 来捕捉近期状态和势头，突出显示球队之间的关键统计差异，让你了解模型为何偏向某一方。它由 Python、XGBoost、Pandas、Scikit-learn 和 NiceGUI 提供支持，可在任何操作系统上本地运行，并且仅依赖于来自 Basketball Reference 的免费公开数据。如果你对体育分析、机器学习感兴趣，或者只是好奇算法是否能胜过拉斯维加斯，可以看看并告诉我你的想法：<a href="https:&#x2F;&#x2F;github.com&#x2F;saccofrancesco&#x2F;deepshot" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;saccofrancesco&#x2F;deepshot</a>

# TelUI TelUI 是一个基于 Electron 的 UI 框架，它打包了一些可复用的前端基本组件——颜色工具、排版助手和基本的结构样式——因此您可以用最少的设置来原型化简单的桌面 UI 想法。 ## 功能 * 捆绑的 Electron 运行器 (`npm start`)，用于提供 `index.html` 以实现即时桌面预览。 * 标记化样式层：`color.css`、`font.css` 和 `header.css` 保持了演示规则的隔离，并且易于混搭。 * `animation.css` 中的微交互助手（例如，`.hover-fade`、`light`），用于微妙的悬停状态或强调效果。 * Google Fonts 集成（Funnel Display）以及可选的实用程序类，如 `.arial`。 * 在 `icons/` 下放置图标资源，以帮助说明加载和状态。 ## 快速开始 ```bash npm install npm start ``` 该应用程序启动一个 800×600 的 Electron 窗口，加载 `index.html`。修改任何 CSS 或 HTML 文件并重新启动（或重新加载）以查看更改。 ## 项目布局 ```text index.js # Electron 引导程序 index.html # 消耗 TelUI 样式的演示画布 font.css # 排版工具和 Google Fonts 导入 color.css # 颜色标记（例如，gentleblue, brightblue, gray/grey, green） animation.css # 悬停淡入助手和光滤镜效果 header.css # 标题容器的结构调整 icons/ # 共享位图/gif 资源（例如，loading.gif） package.json # 依赖项和 npm 脚本 ``` ## 使用实用程序 1. 在您的 HTML 入口点中引用您需要的样式： ```html <link rel="stylesheet" href="font.css"> <link rel="stylesheet" href="color.css"> <link rel="stylesheet" href="header.css"> <link rel="stylesheet" href="animation.css"> ``` 2. 应用提供的类或自定义元素标签： ```html <gentleblue> <header> <h1>TelUI</h1> </header> <p class="arial">Prototype copy goes here.</p> </gentleblue> ``` `font.css` 暴露了 `.funneldisplay` 和 `.arial`。颜色标记（`gentleblue`、`brightblue`、`gray`、`grey`、`green`）既可以用作元素选择器，也可以转换为类（如果您更喜欢 `.gentleblue` 语法）。 3. 在需要的地方添加动画助手： ```html <button class="hover-fade funneldisplay">Hover me</button> <light>Accent block</light> ``` `.hover-fade` 应用共享的透明度/缩放过渡；`light` 标签为您提供一个过滤的高亮包装器，而无需触及内联样式。 4. 通过指向资源目录来重用图标： ```html <img src="icons/loading.gif" alt="Loading indicator"> ``` ## 扩展 TelUI * 通过更新相应的 CSS 文件来添加新的颜色标记或排版助手；保持选择器声明性和按类别组织。 * 对于额外的 Electron 行为（菜单、预加载脚本、IPC），扩展 `index.js`，同时保持 UI 相关的文件框架无关。 * 当作为可分发的应用程序发布时，配置 `electron-builder` 或您最喜欢的打包程序；当前的设置是有意最小化的。 ## 许可证 除非在单个文件中另有说明，否则 TelUI 在 MIT 许可证下分发。在重新分发 TelUI 或衍生作品时，请包含许可证文本。 URL: https://github.com/eotter-beep/telui