diff --git a/config/database.js b/config/database.js index dbe6c19..ab552d7 100644 --- a/config/database.js +++ b/config/database.js @@ -88,11 +88,52 @@ function initDatabase() { ) `); + // Table settings (paramètres globaux) + db.run(` + CREATE TABLE IF NOT EXISTS settings ( + id INTEGER PRIMARY KEY AUTOINCREMENT, + key TEXT UNIQUE NOT NULL, + value TEXT, + updated_at DATETIME DEFAULT CURRENT_TIMESTAMP + ) + `); + + // Table rss_feeds (flux RSS) + db.run(` + CREATE TABLE IF NOT EXISTS rss_feeds ( + id INTEGER PRIMARY KEY AUTOINCREMENT, + url TEXT UNIQUE NOT NULL, + title TEXT, + description TEXT, + enabled BOOLEAN DEFAULT 1, + created_at DATETIME DEFAULT CURRENT_TIMESTAMP, + last_fetched_at DATETIME + ) + `); + + // Table rss_articles (articles des flux RSS) + db.run(` + CREATE TABLE IF NOT EXISTS rss_articles ( + id INTEGER PRIMARY KEY AUTOINCREMENT, + feed_id INTEGER NOT NULL, + title TEXT NOT NULL, + link TEXT UNIQUE NOT NULL, + description TEXT, + pub_date DATETIME, + content TEXT, + created_at DATETIME DEFAULT CURRENT_TIMESTAMP, + FOREIGN KEY (feed_id) REFERENCES rss_feeds(id) ON DELETE CASCADE + ) + `); + // Créer les index pour la performance db.run('CREATE INDEX IF NOT EXISTS idx_notes_user ON notes(user_id)'); db.run('CREATE INDEX IF NOT EXISTS idx_note_todos ON note_todos(note_id)'); db.run('CREATE INDEX IF NOT EXISTS idx_global_todos_user ON global_todos(user_id)'); db.run('CREATE INDEX IF NOT EXISTS idx_note_files ON note_files(note_id)'); + db.run('CREATE INDEX IF NOT EXISTS idx_settings_key ON settings(key)'); + db.run('CREATE INDEX IF NOT EXISTS idx_rss_articles_feed ON rss_articles(feed_id)'); + db.run('CREATE INDEX IF NOT EXISTS idx_rss_articles_date ON rss_articles(pub_date)'); logger.info('✓ Tables de base de données créées avec succès'); diff --git a/package-lock.json b/package-lock.json index f67e263..9cef404 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "1.0.0", "license": "MIT", "dependencies": { + "axios": "^1.13.2", "bcrypt": "^5.1.1", "cors": "^2.8.5", "express": "^4.18.2", @@ -17,6 +18,7 @@ "helmet": "^7.1.0", "jsonwebtoken": "^9.0.2", "multer": "^1.4.5-lts.1", + "rss-parser": "^3.13.0", "sqlite3": "^5.1.7", "winston": "^3.11.0" }, @@ -295,6 +297,23 @@ "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==", "license": "MIT" }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "license": "MIT" + }, + "node_modules/axios": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz", + "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==", + "license": "MIT", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.4", + "proxy-from-env": "^1.1.0" + } + }, "node_modules/balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", @@ -656,6 +675,18 @@ "color-support": "bin.js" } }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "license": "MIT", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -771,6 +802,15 @@ "node": ">=4.0.0" } }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "license": "MIT", + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/delegates": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", @@ -887,6 +927,15 @@ "once": "^1.4.0" } }, + "node_modules/entities": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", + "license": "BSD-2-Clause", + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/env-paths": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", @@ -934,6 +983,21 @@ "node": ">= 0.4" } }, + "node_modules/es-set-tostringtag": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz", + "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.6", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/escape-html": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", @@ -1081,6 +1145,42 @@ "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==", "license": "MIT" }, + "node_modules/follow-redirects": { + "version": "1.15.11", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz", + "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "license": "MIT", + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz", + "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==", + "license": "MIT", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "es-set-tostringtag": "^2.1.0", + "hasown": "^2.0.2", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -1286,6 +1386,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", + "license": "MIT", + "dependencies": { + "has-symbols": "^1.0.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/has-unicode": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", @@ -2456,6 +2571,12 @@ "node": ">= 0.10" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "license": "MIT" + }, "node_modules/pstree.remy": { "version": "1.1.8", "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz", @@ -2587,6 +2708,16 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/rss-parser": { + "version": "3.13.0", + "resolved": "https://registry.npmjs.org/rss-parser/-/rss-parser-3.13.0.tgz", + "integrity": "sha512-7jWUBV5yGN3rqMMj7CZufl/291QAhvrrGpDNE4k/02ZchL0npisiYYqULF71jCEKoIiHvK/Q2e6IkDwPziT7+w==", + "license": "MIT", + "dependencies": { + "entities": "^2.0.3", + "xml2js": "^0.5.0" + } + }, "node_modules/safe-buffer": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", @@ -2622,6 +2753,12 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "license": "MIT" }, + "node_modules/sax": { + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz", + "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==", + "license": "BlueOak-1.0.0" + }, "node_modules/semver": { "version": "7.7.3", "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz", @@ -3384,6 +3521,28 @@ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", "license": "ISC" }, + "node_modules/xml2js": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.5.0.tgz", + "integrity": "sha512-drPFnkQJik/O+uPKpqSgr22mpuFHqKdbS835iAQrUC73L2F5WkboIRd63ai/2Yg6I1jzifPFKH2NTK+cfglkIA==", + "license": "MIT", + "dependencies": { + "sax": ">=0.6.0", + "xmlbuilder": "~11.0.0" + }, + "engines": { + "node": ">=4.0.0" + } + }, + "node_modules/xmlbuilder": { + "version": "11.0.1", + "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz", + "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==", + "license": "MIT", + "engines": { + "node": ">=4.0" + } + }, "node_modules/xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", diff --git a/package.json b/package.json index a64ca13..db40eec 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "author": "", "license": "MIT", "dependencies": { + "axios": "^1.13.2", "bcrypt": "^5.1.1", "cors": "^2.8.5", "express": "^4.18.2", @@ -31,6 +32,7 @@ "helmet": "^7.1.0", "jsonwebtoken": "^9.0.2", "multer": "^1.4.5-lts.1", + "rss-parser": "^3.13.0", "sqlite3": "^5.1.7", "winston": "^3.11.0" }, @@ -40,4 +42,4 @@ "engines": { "node": ">=20.0.0" } -} \ No newline at end of file +} diff --git a/public/css/animations.css b/public/css/animations.css index 08d2b7c..8024541 100644 --- a/public/css/animations.css +++ b/public/css/animations.css @@ -116,6 +116,12 @@ animation: spin 1s linear infinite; } +.spinner { + animation: spin 1s linear infinite; + width: 20px; + height: 20px; +} + /* Smooth transitions */ .smooth-transition { transition: all var(--transition-base); diff --git a/public/css/components.css b/public/css/components.css index 6ecdf8c..9931e4d 100644 --- a/public/css/components.css +++ b/public/css/components.css @@ -987,11 +987,50 @@ /* Admin Modal */ .admin-modal { min-width: 700px; + max-width: 900px; +} + +.admin-tabs { + display: flex; + gap: 0; + border-bottom: 2px solid var(--color-border); + padding: 0 var(--spacing-xl); +} + +.admin-tab { + padding: var(--spacing-md) var(--spacing-lg); + border: none; + background: transparent; + color: var(--color-text-secondary); + font-size: var(--font-size-sm); + font-weight: var(--font-weight-semibold); + cursor: pointer; + transition: all var(--transition-fast); + border-bottom: 2px solid transparent; + margin-bottom: -2px; +} + +.admin-tab:hover { + color: var(--color-text-primary); + background: var(--color-hover); +} + +.admin-tab.active { + color: var(--color-accent); + border-bottom-color: var(--color-accent); +} + +.admin-tab-content { + max-height: 60vh; + overflow-y: auto; } .admin-actions { padding: var(--spacing-lg) var(--spacing-xl); border-bottom: 1px solid var(--color-border); + display: flex; + gap: var(--spacing-md); + align-items: center; } .action-btn { @@ -1011,6 +1050,31 @@ box-shadow: var(--shadow-md); } +.action-btn.btn-secondary { + background: var(--color-background); + color: var(--color-text-primary); + border: 1px solid var(--color-border); +} + +.action-btn.btn-secondary:hover { + background: var(--color-hover); +} + +.rss-url-input { + flex: 1; + padding: var(--spacing-sm) var(--spacing-md); + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + font-size: var(--font-size-sm); + transition: all var(--transition-fast); +} + +.rss-url-input:focus { + outline: none; + border-color: var(--color-accent); + box-shadow: var(--shadow-sm); +} + .users-table-container { padding: var(--spacing-xl); overflow-x: auto; @@ -1134,3 +1198,236 @@ background: #c0392b; box-shadow: var(--shadow-md); } + +/* RSS Feeds List */ +.rss-feeds-list { + padding: var(--spacing-xl); +} + +.rss-feed-item { + padding: var(--spacing-md); + background: var(--color-background); + border-radius: var(--radius-md); + border: 1px solid var(--color-border); + margin-bottom: var(--spacing-md); + display: flex; + align-items: center; + justify-content: space-between; + gap: var(--spacing-md); + transition: all var(--transition-fast); +} + +.rss-feed-item:hover { + background: var(--color-hover); + border-color: var(--color-accent); +} + +.rss-feed-info { + flex: 1; + min-width: 0; +} + +.rss-feed-title { + font-size: var(--font-size-sm); + font-weight: var(--font-weight-semibold); + color: var(--color-text-primary); + margin-bottom: var(--spacing-xs); +} + +.rss-feed-url { + font-size: var(--font-size-xs); + color: var(--color-text-secondary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.rss-feed-actions { + display: flex; + gap: var(--spacing-xs); + align-items: center; +} + +.rss-feed-toggle { + position: relative; + width: 44px; + height: 24px; +} + +.rss-feed-toggle input { + opacity: 0; + width: 0; + height: 0; +} + +.rss-toggle-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--color-border); + transition: 0.3s; + border-radius: 24px; +} + +.rss-toggle-slider:before { + position: absolute; + content: ""; + height: 18px; + width: 18px; + left: 3px; + bottom: 3px; + background-color: white; + transition: 0.3s; + border-radius: 50%; +} + +.rss-feed-toggle input:checked + .rss-toggle-slider { + background-color: var(--color-accent); +} + +.rss-feed-toggle input:checked + .rss-toggle-slider:before { + transform: translateX(20px); +} + +.btn-delete-feed { + width: 32px; + height: 32px; + padding: 6px; + border: none; + border-radius: var(--radius-sm); + background: transparent; + color: var(--color-text-secondary); + cursor: pointer; + transition: all var(--transition-fast); +} + +.btn-delete-feed:hover { + background: var(--color-danger); + color: white; +} + +/* OpenRouter Settings */ +.openrouter-settings { + padding: var(--spacing-xl); +} + +.setting-group { + margin-bottom: var(--spacing-lg); +} + +.setting-group label { + display: block; + font-size: var(--font-size-sm); + font-weight: var(--font-weight-semibold); + color: var(--color-text-primary); + margin-bottom: var(--spacing-sm); +} + +.setting-group small { + display: block; + font-size: var(--font-size-xs); + color: var(--color-text-secondary); + margin-top: var(--spacing-xs); +} + +.setting-group small a { + color: var(--color-accent); + text-decoration: none; +} + +.setting-group small a:hover { + text-decoration: underline; +} + +.setting-input, +.setting-select { + width: 100%; + padding: var(--spacing-sm) var(--spacing-md); + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + font-size: var(--font-size-sm); + color: var(--color-text-primary); + background: var(--color-background); + transition: all var(--transition-fast); +} + +.setting-input:focus, +.setting-select:focus { + outline: none; + border-color: var(--color-accent); + box-shadow: var(--shadow-sm); +} + +.setting-textarea { + width: 100%; + padding: var(--spacing-md); + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + font-size: var(--font-size-sm); + color: var(--color-text-primary); + background: var(--color-background); + font-family: var(--font-family); + line-height: 1.6; + resize: vertical; + transition: all var(--transition-fast); +} + +.setting-textarea:focus { + outline: none; + border-color: var(--color-accent); + box-shadow: var(--shadow-sm); +} + +.setting-group input[type="checkbox"] { + width: 18px; + height: 18px; + margin-right: var(--spacing-sm); + cursor: pointer; +} + +/* Change Password Modal */ +.small-modal { + max-width: 450px; +} + +.modal-body { + padding: var(--spacing-xl); +} + +.form-group { + margin-bottom: var(--spacing-lg); +} + +.form-group label { + display: block; + font-size: var(--font-size-sm); + font-weight: var(--font-weight-semibold); + color: var(--color-text-primary); + margin-bottom: var(--spacing-sm); +} + +.form-input { + width: 100%; + padding: var(--spacing-sm) var(--spacing-md); + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + font-size: var(--font-size-sm); + color: var(--color-text-primary); + background: var(--color-background); + transition: all var(--transition-fast); +} + +.form-input:focus { + outline: none; + border-color: var(--color-accent); + box-shadow: var(--shadow-sm); +} + +.modal-actions { + display: flex; + gap: var(--spacing-md); + justify-content: flex-end; +} diff --git a/public/css/layout.css b/public/css/layout.css index ff11c85..81fb042 100644 --- a/public/css/layout.css +++ b/public/css/layout.css @@ -229,7 +229,7 @@ body { max-width: var(--max-width); margin: 0 auto; display: grid; - grid-template-columns: 1fr var(--todo-box-width); + grid-template-columns: 1fr var(--todo-box-width) var(--todo-box-width); gap: var(--spacing-xl); align-items: start; } @@ -365,13 +365,133 @@ body { font-weight: var(--font-weight-medium); } +/* RSS Box */ +.rss-box { + position: sticky; + top: calc(var(--header-height) + var(--spacing-xl)); + background: var(--color-card); + border: 1px solid var(--color-border); + border-radius: var(--radius-lg); + padding: var(--spacing-xl); + box-shadow: var(--shadow-md); + max-height: calc(100vh - var(--header-height) - var(--spacing-2xl) * 2); + display: flex; + flex-direction: column; +} + +.rss-box-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: var(--spacing-lg); +} + +.rss-box-title { + font-size: var(--font-size-xl); + font-weight: var(--font-weight-bold); + color: var(--color-text-primary); +} + +.btn-summarize { + width: 36px; + height: 36px; + padding: 8px; + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + background: var(--color-accent); + color: white; + cursor: pointer; + transition: all var(--transition-fast); + display: flex; + align-items: center; + justify-content: center; +} + +.btn-summarize:hover { + background: var(--color-accent-hover); + box-shadow: var(--shadow-md); + transform: scale(1.05); +} + +.btn-summarize svg { + width: 100%; + height: 100%; +} + +.rss-articles-list { + flex: 1; + overflow-y: auto; + display: flex; + flex-direction: column; + gap: var(--spacing-md); +} + +.rss-empty { + text-align: center; + color: var(--color-text-secondary); + font-size: var(--font-size-sm); + padding: var(--spacing-2xl); + font-style: italic; +} + +.rss-article { + padding: var(--spacing-md); + background: var(--color-background); + border-radius: var(--radius-md); + border: 1px solid var(--color-border); + transition: all var(--transition-fast); + cursor: pointer; +} + +.rss-article:hover { + background: var(--color-hover); + border-color: var(--color-accent); + box-shadow: var(--shadow-sm); +} + +.rss-article-title { + font-size: var(--font-size-sm); + font-weight: var(--font-weight-semibold); + color: var(--color-text-primary); + margin-bottom: var(--spacing-xs); + line-height: 1.4; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.rss-article-meta { + display: flex; + align-items: center; + justify-content: space-between; + font-size: var(--font-size-xs); + color: var(--color-text-secondary); + margin-bottom: var(--spacing-xs); +} + +.rss-article-source { + font-weight: var(--font-weight-medium); +} + +.rss-article-description { + font-size: var(--font-size-xs); + color: var(--color-text-secondary); + line-height: 1.5; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + /* Responsive */ @media (max-width: 1200px) { .content-container { grid-template-columns: 1fr; } - .todo-box { + .todo-box, + .rss-box { position: static; max-height: none; } diff --git a/public/index.html b/public/index.html index 0933e3d..e377ebd 100644 --- a/public/index.html +++ b/public/index.html @@ -146,6 +146,24 @@ + + +
+
+

📰 Actualités

+ +
+ +
+

Aucun article pour le moment

+
+
@@ -153,29 +171,109 @@