commit 01d8459582547d2c86c2588e3fc60a2a94363599
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 10:08:17 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..ef81baf
--- /dev/null
+++ b/body.html
@@ -0,0 +1,60 @@
+<header>
+ <h1>Computational Physics Group</h1>
+ <p>HPC Computation Center - CINECA</p>
+</header>
+
+<nav>
+ <ul>
+ <li><a href="#about">About Us</a></li>
+ <li><a href="#members">Members</a></li>
+ <li><a href="#projects">Projects</a></li>
+ <li><a href="#collaborate">Work With Us</a></li>
+ </ul>
+</nav>
+
+<section id="about">
+ <h2>About Our Group</h2>
+ <p>We are a dedicated team at CINECA specializing in designing, optimizing, and deploying massively parallel codes on heterogeneous systems. Our expertise spans GPU porting and providing high-level support to both industry and academia.</p>
+</section>
+
+<section id="members">
+ <h2>Our Team</h2>
+ <div class="member-grid">
+ <a href="/member1" class="member-card">
+ <h3>Member 1</h3>
+ <p>Click for bio</p>
+ </a>
+ <a href="/member2" class="member-card">
+ <h3>Member 2</h3>
+ <p>Click for bio</p>
+ </a>
+ <a href="/member3" class="member-card">
+ <h3>Member 3</h3>
+ <p>Click for bio</p>
+ </a>
+ </div>
+</section>
+
+<section id="projects">
+ <h2>Our Projects</h2>
+ <div class="project-grid">
+ <div class="project-card">
+ <h3>SPACE</h3>
+ <p>Advanced computational physics project</p>
+ </div>
+ <div class="project-card">
+ <h3>PNNR</h3>
+ <p>Neural network research initiative</p>
+ </div>
+ </div>
+</section>
+
+<section id="collaborate">
+ <h2>Work With Us</h2>
+ <p>If you have an interesting project involving HPC and AI, we'd love to hear from you. We're constantly seeking new collaborations and challenges.</p>
+ <a href="mailto:collaborate@computationalphysics.scroll.pub" class="cta-button">Reach Out</a>
+</section>
+
+<footer>
+ <p>Computational Physics Group - CINECA</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..26b5063
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://computationalphysics.scroll.pub
+metaTags
+editButton /edit.html
+title Computational Physics Group at CINECA
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..581faec
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# computationalphysics.scroll.pub
+Website generated by DeepSeek from prompt: We are small group of Computational Physics at HPC computation center CINECA, where we desgin, optimize, port to the gpus, delpoy code Massivily parallel code on heterogensous system and provide support at high level support to Industry and University. I want to create website for my group: Group Name: Computational Physics Member: here whenenver i click the name of each person it shoul open a url with brief bio of each member Project: SPACE, PNNR Work with us: If you have an intersting project HPC+AI then reach out with us. We are constantly looking for collaboration
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..7620132
--- /dev/null
+++ b/script.js
@@ -0,0 +1,20 @@
+// Smooth scrolling for anchor links
+document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+});
+
+// Add hover effects to cards
+const cards = document.querySelectorAll('.member-card, .project-card');
+cards.forEach(card => {
+ card.addEventListener('mouseenter', () => {
+ card.style.transition = 'transform 0.2s ease';
+ });
+ card.addEventListener('mouseleave', () => {
+ card.style.transition = 'transform 0.2s ease';
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d2cf262
--- /dev/null
+++ b/style.css
@@ -0,0 +1,111 @@
+:root {
+ --primary-color: #1a73e8;
+ --secondary-color: #202124;
+ --background-color: #f8f9fa;
+ --text-color: #202124;
+ --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ color: var(--text-color);
+ background-color: var(--background-color);
+}
+
+header {
+ background: var(--primary-color);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+h1 {
+ margin: 0;
+ font-size: 2.5rem;
+}
+
+nav {
+ background: var(--secondary-color);
+ padding: 1rem;
+}
+
+nav ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ gap: 2rem;
+}
+
+nav a {
+ color: white;
+ text-decoration: none;
+ font-weight: 500;
+}
+
+section {
+ padding: 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.member-grid, .project-grid {
+ display: grid;
+ gap: 1.5rem;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+}
+
+.member-card, .project-card {
+ background: white;
+ padding: 1.5rem;
+ border-radius: 8px;
+ box-shadow: var(--card-shadow);
+ transition: transform 0.2s ease;
+}
+
+.member-card:hover, .project-card:hover {
+ transform: translateY(-5px);
+}
+
+.cta-button {
+ display: inline-block;
+ background: var(--primary-color);
+ color: white;
+ padding: 0.8rem 1.5rem;
+ border-radius: 4px;
+ text-decoration: none;
+ font-weight: 500;
+ transition: background 0.2s ease;
+}
+
+.cta-button:hover {
+ background: #1557b0;
+}
+
+footer {
+ background: var(--secondary-color);
+ color: white;
+ text-align: center;
+ padding: 1rem;
+ margin-top: 2rem;
+}
+
+@media (max-width: 768px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ nav ul {
+ flex-direction: column;
+ align-items: center;
+ gap: 1rem;
+ }
+
+ .member-grid, .project-grid {
+ grid-template-columns: 1fr;
+ }
+}
\ No newline at end of file