body.html
Changed around line 1
+
+
Computational Physics Group
+
HPC Computation Center - CINECA
+
+
+
+
+ About Us
+ Members
+ Projects
+
+
+
+
+
About Our Group
+
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.
+
+
+
+
Our Team
+
+
+
+
Our Projects
+
+
+
SPACE
+
Advanced computational physics project
+
+
+
PNNR
+
Neural network research initiative
+
+
+
+
+
+
Work With Us
+
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.
+
+
+
+
Computational Physics Group - CINECA
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://computationalphysics.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Computational Physics Group at CINECA
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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
script.js
Changed around line 1
+ // 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';
+ });
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }