commit 3f5907b12b8566598ec54a01479a2e3543aa4c98
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 05:22:28 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..f419044
--- /dev/null
+++ b/body.html
@@ -0,0 +1,71 @@
+<header>
+ <h1>Dislocation Dynamics Research</h1>
+ <nav>
+ <ul>
+ <li><a href="#about">About</a></li>
+ <li><a href="#research">Research</a></li>
+ <li><a href="#team">Team</a></li>
+ <li><a href="#publications">Publications</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+ <section id="about">
+ <h2>About Dislocation Dynamics</h2>
+ <p>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.</p>
+ </section>
+
+ <section id="research">
+ <h2>Our Research</h2>
+ <p>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.</p>
+ </section>
+
+ <section id="team">
+ <h2>Our Team</h2>
+ <div class="team-grid">
+ <div class="team-member">
+ <img src="images/team1.jpg" alt="Dr. Jane Doe">
+ <h3>Dr. Jane Doe</h3>
+ <p>Principal Investigator</p>
+ </div>
+ <div class="team-member">
+ <img src="images/team2.jpg" alt="John Smith">
+ <h3>John Smith</h3>
+ <p>PhD Candidate</p>
+ </div>
+ <div class="team-member">
+ <img src="images/team3.jpg" alt="Emily Johnson">
+ <h3>Emily Johnson</h3>
+ <p>Research Assistant</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="publications">
+ <h2>Publications</h2>
+ <ul>
+ <li><a href="#">"Dislocation Motion in FCC Metals" - Journal of Materials Science, 2023</a></li>
+ <li><a href="#">"Atomistic Simulations of Dislocation Interactions" - Physical Review Letters, 2022</a></li>
+ <li><a href="#">"Dislocation Dynamics in High-Entropy Alloys" - Acta Materialia, 2021</a></li>
+ </ul>
+ </section>
+
+ <section id="contact">
+ <h2>Contact Us</h2>
+ <form id="contact-form">
+ <label for="name">Name:</label>
+ <input type="text" id="name" name="name" required>
+ <label for="email">Email:</label>
+ <input type="email" id="email" name="email" required>
+ <label for="message">Message:</label>
+ <textarea id="message" name="message" required></textarea>
+ <button type="submit">Send</button>
+ </form>
+ </section>
+</main>
+
+<footer>
+ <p>Dislocation Dynamics Research Group</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..69665ef
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://dislocate.scroll.pub
+metaTags
+editButton /edit.html
+title Dislocation Dynamics Research
+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..c5a8643
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# dislocate.scroll.pub
+Website generated by DeepSeek from prompt: create a website displaying dislocation dynamics research
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..dc7ff02
--- /dev/null
+++ b/script.js
@@ -0,0 +1,5 @@
+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();
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7028865
--- /dev/null
+++ b/style.css
@@ -0,0 +1,142 @@
+: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;
+ }
+}
\ No newline at end of file