homepage

static/css/custom.css

@@ -0,0 +1,94 @@
+/* Custom styles for NexVeridian website */
+
+:root {
+	/* Main theme colors */
+	/* --background: #1F222A; */
+	--background-secondary: #191b22;
+	/* --color: white;
+	--color-secondary: #a9b7c6; */
+	/* --accent: rgb(120, 226, 160); */
+	/* --accent-alpha-70: rgba(120, 226, 160, 0.7); */
+	/* --accent-alpha-20: rgba(120, 226, 160, 0.2); */
+	/* --border-color: rgba(255, 255, 255, 0.1); */
+}
+
+.project-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+	gap: 20px;
+	margin-bottom: 40px;
+}
+
+.project-box {
+	background-color: var(--background-secondary);
+	border-radius: 8px;
+	padding: 20px;
+	transition: transform 0.3s ease, box-shadow 0.3s ease;
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	color: inherit;
+}
+
+.project-box-link {
+	text-decoration: none;
+	color: inherit;
+	display: block;
+}
+
+.project-box-link:hover .project-box {
+	transform: translateY(-5px);
+	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+}
+
+.project-box p {
+	margin-bottom: 15px;
+}
+
+.view-project {
+	display: inline-block;
+	margin-top: auto;
+	font-weight: bold;
+	text-decoration: underline;
+}
+
+.project-tags {
+	color: var(--color-secondary);
+	font-size: 0.9em;
+	margin-top: 5px;
+	margin-bottom: 15px;
+	opacity: 0.8;
+}
+
+.project-tags::before {
+	/* content: ":: "; */
+	opacity: 0.7;
+}
+
+.recent-posts {
+	background-color: var(--background-secondary);
+	border-radius: 8px;
+	padding: 20px;
+	margin-bottom: 40px;
+}
+
+.section-title {
+	border-bottom: 2px solid var(--accent);
+	padding-bottom: 10px;
+	margin-bottom: 20px;
+	font-size: 24px;
+	font-weight: bold;
+}
+
+.view-all {
+	display: block;
+	text-align: left;
+	margin-top: 20px;
+	font-weight: bold;
+}
+
+/* Additional overrides to ensure theme consistency */
+/* body {
+	background-color: var(--background);
+	color: var(--color);
+} */