Skip to content

Instantly share code, notes, and snippets.

View a70437043b's full-sized avatar

frank a70437043b

  • Joined Mar 29, 2026
View GitHub Profile
@a70437043b
a70437043b / calendar.html
Created April 8, 2026 03:14
Notion Calendar Widget
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root { --main-bg: #191919; --text-color: #ffffff; --today-bg: #eb5757; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; background: transparent; color: var(--text-color); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; overflow: hidden; }
.calendar { width: 280px; background: rgba(255,255,255,0.05); padding: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); }
.header { text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 1.1em; color: #f1f1f1; }
.days-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; text-align: center; }
@a70437043b
a70437043b / calendar.html
Created April 8, 2026 03:59
Notion Calendar Widget
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
:root {
--bg-color: #191919; --card-bg: #252525; --text-main: #ffffff;
--holiday-red: #ff4d4f; --event-green: #52c41a; --vacation-pink: #eb2f96; --task-cyan: #13c2c2;
}
@a70437043b
a70437043b / calendar.html
Created April 8, 2026 04:09
My Notion Calendar
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root { --bg: #191919; --card: #252525; --text: #ffffff; --red: #ff4d4f; --green: #52c41a; --pink: #eb2f96; --cyan: #13c2c2; --gold: #ffd666; }
body { font-family: -apple-system, sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 15px; display: flex; flex-direction: column; align-items: center; }
.calendar-box { width: 100%; max-width: 320px; background: var(--card); border-radius: 12px; padding: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
.month-title { text-align: center; font-size: 1.1em; font-weight: bold; margin-bottom: 15px; color: var(--gold); }
.week-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; text-align: center; }
@a70437043b
a70437043b / calendar_v2.html
Created April 8, 2026 04:29
My Notion Calendar
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
--bg: #191919; --card: #222; --text: #eee;
--c-holiday: #ff4d4f; /* 紅: 節日 */ --c-vacation: #eb2f96; /* 粉: 假期 */
--c-task: #52c41a; /* 綠: 任務 */ --c-bday: #fadb14; /* 黃: 生日 */
--c-other: #13c2c2; /* 青: 其他 */ --c-today: #ffd666;
@a70437043b
a70437043b / calendar.html
Created April 8, 2026 04:39
Frank Calendar 3.0
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
--bg: #191919; --card: #222; --text: #eee;
--c-holiday: #ff4d4f; --c-vacation: #eb2f96;
--c-task: #52c41a; --c-bday: #fadb14;
--c-other: #13c2c2; --c-today: #ffd666;
@a70437043b
a70437043b / clock.html
Created April 9, 2026 04:12
My Notion Orbit Clock
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
/* 背景與軌道顏色 */
--bg-color: #d9e9f2; /* 接近截圖的淡藍色背景 */
--track-color: #333333; /* 軌道線條顏色 */
@a70437043b
a70437043b / clock.html
Created April 9, 2026 04:27
My Notion Orbit Clock
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
/* 背景與刻度顏色 */
--bg-color: #d9e9f2; /* 接近截圖的淡藍色背景 */
--track-color: #333333; /* 軌道與刻度基本顏色 */
--text-color: #2c3e50; /* 刻度數字顏色 */
@a70437043b
a70437043b / index.html
Created April 9, 2026 04:41
My Notion Orbit Clock
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
--bg-color: #d9e9f2; /* 背景：淡藍色 */
--hour-ring: #FF5733; /* 外環：活力橙 */
--min-ring: #2ECC71; /* 中環：螢光綠 */
--sec-ring: #3498DB; /* 內環：深邃藍 */
@a70437043b
a70437043b / clock.html
Created April 9, 2026 04:55
My Notion Orbit Clock
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
--bg-color: #d9e9f2; /* 背景：淡藍色 */
--hour-ring: #FF5733; /* 外環：活力橙 */
--min-ring: #2ECC71; /* 中環：螢光綠 */
--sec-ring: #3498DB; /* 內環：深邃藍 */
@a70437043b
a70437043b / clock.html
Created April 9, 2026 05:06
My Notion Orbit Clock
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<style>
:root {
--bg-color: #d9e9f2; /* 背景：淡藍色 */
--hour-ring: #FF5733; /* 外環：橙色 */
--min-ring: #2ECC71; /* 中環：綠色 */
--sec-ring: #3498DB; /* 內環：藍色 */