body.html
Changed around line 1
+
+
Dislocation Dynamics Research
+
+
+ About
+ Research
+ Team
+ Contact
+
+
+
+
+
+
+
About Dislocation Dynamics
+
Dislocation dynamics is a field of study that focuses on the behavior of dislocations in crystalline materials. These defects play a crucial role in determining the mechanical properties of materials, such as strength, ductility, and fracture toughness.
+
+
+
+
Our Research
+
Our research group investigates the fundamental mechanisms of dislocation motion and interaction using advanced computational techniques and experimental methods. We aim to develop predictive models that can guide the design of new materials with enhanced mechanical properties.
+
+
+
+
Our Team
+
+
+ 
+
Dr. Jane Doe
+
Principal Investigator
+
+
+ 
+
John Smith
+
PhD Candidate
+
+
+ 
+
Emily Johnson
+
Research Assistant
+
+
+
+
+
+
Publications
+
+
+
+
+
+
Contact Us
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Dislocation Dynamics Research Group
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://dislocate.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Dislocation Dynamics Research
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # dislocate.scroll.pub
+ Website generated by DeepSeek from prompt: create a website displaying dislocation dynamics research
script.js
Changed around line 1
+ document.getElementById('contact-form').addEventListener('submit', function(event) {
+ event.preventDefault();
+ alert('Thank you for your message! We will get back to you soon.');
+ this.reset();
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #2c3e50;
+ --secondary-color: #3498db;
+ --background-color: #ecf0f1;
+ --text-color: #2c3e50;
+ --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ }
+
+ body {
+ font-family: var(--font-family);
+ color: var(--text-color);
+ background-color: var(--background-color);
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+ }
+
+ header {
+ background-color: var(--primary-color);
+ color: white;
+ padding: 20px 0;
+ text-align: center;
+ }
+
+ header h1 {
+ margin: 0;
+ font-size: 2.5rem;
+ }
+
+ nav ul {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ margin: 20px 0 0;
+ }
+
+ nav ul li {
+ margin: 0 15px;
+ }
+
+ nav ul li a {
+ color: white;
+ text-decoration: none;
+ font-weight: bold;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ section {
+ margin-bottom: 40px;
+ }
+
+ h2 {
+ color: var(--secondary-color);
+ margin-bottom: 20px;
+ }
+
+ .team-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 20px;
+ }
+
+ .team-member {
+ text-align: center;
+ }
+
+ .team-member img {
+ width: 100%;
+ height: auto;
+ border-radius: 50%;
+ }
+
+ .team-member h3 {
+ margin: 10px 0 5px;
+ }
+
+ .team-member p {
+ color: #666;
+ }
+
+ #contact-form {
+ display: flex;
+ flex-direction: column;
+ max-width: 400px;
+ margin: 0 auto;
+ }
+
+ #contact-form label {
+ margin-bottom: 5px;
+ font-weight: bold;
+ }
+
+ #contact-form input,
+ #contact-form textarea {
+ margin-bottom: 15px;
+ padding: 10px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ }
+
+ #contact-form button {
+ padding: 10px;
+ background-color: var(--secondary-color);
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+ #contact-form button:hover {
+ background-color: #2980b9;
+ }
+
+ footer {
+ background-color: var(--primary-color);
+ color: white;
+ text-align: center;
+ padding: 10px 0;
+ margin-top: 40px;
+ }
+
+ @media (max-width: 768px) {
+ header h1 {
+ font-size: 2rem;
+ }
+
+ nav ul {
+ flex-direction: column;
+ }
+
+ nav ul li {
+ margin: 10px 0;
+ }
+
+ .team-grid {
+ grid-template-columns: 1fr;
+ }
+ }