v0.9.0 Publication section initial commit

src/components/publications/Publications.module.css

@@ -0,0 +1,112 @@
+.publications {
+	padding: 80px 0;
+	background-color: #f8f9fa;
+}
+
+.container {
+	max-width: var(--content-width);
+	margin: 0 auto;
+	padding: 0 20px;
+}
+
+.title {
+	font-size: 2.5rem;
+	text-align: center;
+	margin-bottom: 40px;
+	color: #333;
+}
+
+.publicationList {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+	gap: 30px;
+}
+
+.publicationItem {
+	background-color: #fff;
+	border-radius: 8px;
+	padding: 20px;
+	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+	transition: transform 0.3s ease;
+}
+
+.publicationItem:hover {
+	transform: translateY(-5px);
+}
+
+.pubTitle {
+	font-size: 1.2rem;
+	margin-bottom: 10px;
+	color: #333;
+}
+
+.authors {
+	font-size: 0.9rem;
+	color: #666;
+	margin-bottom: 5px;
+}
+
+.journalInfo {
+	font-size: 0.9rem;
+	color: #666;
+	font-style: italic;
+	margin-bottom: 5px;
+}
+
+.doi {
+	font-size: 0.8rem;
+	color: #888;
+	margin-bottom: 15px;
+}
+
+.buttonGroup {
+	display: flex;
+	justify-content: space-between;
+	gap: 10px;
+}
+
+.readLink,
+.downloadLink {
+	display: inline-block;
+	padding: 8px 15px;
+	border-radius: 5px;
+	text-decoration: none;
+	font-size: 0.9rem;
+	transition: background-color 0.3s ease;
+	text-align: center;
+	flex: 1;
+}
+
+.readLink {
+	background-color: #ff6600;
+	color: #fff;
+}
+
+.readLink:hover {
+	background-color: #e55d00;
+}
+
+.downloadLink {
+	background-color: #fff;
+	color: #ff6600;
+	border: 1px solid #ff6600;
+}
+
+.downloadLink:hover {
+	background-color: #ff6600;
+	color: #fff;
+}
+
+@media (max-width: 768px) {
+	.publications {
+		padding: 60px 0;
+	}
+
+	.publicationList {
+		grid-template-columns: 1fr;
+	}
+
+	.buttonGroup {
+		flex-direction: column;
+	}
+}