A lot of things

- Added Database page.
- Added Xenforo API compatibility
- Added Hovercard
- Added Notifications

resources/css/components/cards.css

@@ -22,3 +22,78 @@
     width: 32px;
     height: 32px;
 }
+
+/* ENTRY CARDS */
+
+.entry-card {
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+    transition: transform 0.2s, border-color 0.2s;
+    cursor: pointer;
+
+    &:hover {
+        transform: translateY(-3px);
+        border-color: var(--rhpz-orange);
+    }
+
+    .entry-cover-wrapper {
+        position: relative;
+        aspect-ratio: 4/3;
+        background-color: var(--bg);
+        border-bottom: 1px solid var(--border);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+    }
+
+    .entry-cover-wrapper img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+
+    .entry-badge {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        background-color: rgba(0,0,0,0.7);
+        backdrop-filter: blur(4px);
+        border: 1px solid var(--border);
+        padding: 4px 8px;
+        font-size: 0.75rem;
+        color: var(--text);
+    }
+
+    .entry-card-info {
+        padding: 15px;
+        flex-grow: 1;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .entry-card-title {
+        font-weight: 600;
+        color: var(--text);
+        font-size: 1.1rem;
+        margin-bottom: 5px;
+        line-height: 1.3;
+    }
+
+    .entry-card-author {
+        color: var(--rhpz-orange);
+        font-size: 0.85rem;
+        margin-bottom: 10px;
+    }
+
+    .entry-card-meta {
+        margin-top: auto;
+        font-size: 0.8rem;
+        color: var(--text2);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+}