-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of https://github.com/ruidazeng/ruidazeng.githu…
…b.io New edits on different branch.
- Loading branch information
Showing
10 changed files
with
196 additions
and
70 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,70 +1,108 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <html lang="en-us"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Contact Ruida</title> | ||
| <meta name="author" content="Ruida Zeng"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | ||
| <link rel="stylesheet" type="text/css" href="css/contact-style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /> | ||
| <link rel="icon" href="images/icons/squirrel-icon.png" type="image/icon type"> | ||
| <script src="js/lazysizes.js"></script> | ||
| <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> | ||
| <title>Ruida Zeng</title> | ||
| <meta charset="utf-8"> | ||
| <meta name="author" content="Ruida Zeng"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="icon" href="images/icons/squirrel-icon.png" type="image/icon type"> | ||
| <link rel="stylesheet" type="text/css" href="css/academic.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/css/all.min.css" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css" crossorigin="anonymous"> | ||
| <link rel="stylesheet" type="text/css" href="css/contact-style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /> | ||
| <script src="js/lazysizes.js"></script> | ||
| <script src="js/jquery.js"></script> | ||
| <script src="js/bootstrap.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js" crossorigin="anonymous"></script> | ||
| <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> | ||
| <style> | ||
| /* Add margin to push the content below the navbar */ | ||
| .contact-page-container { | ||
| margin-top: 80px; /* Adjust to match navbar height + desired spacing */ | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div style="text-align:center"> | ||
| <h2>Contact Me</h2> | ||
| <p>Buy me a cup of <a href="https://www.buymeacoffee.com/ruida" target="_blank" rel="noopener noreferrer"><i class="fa fa-coffee"></i></a>, or leave me a message:</p> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="column"> | ||
| <div id="map" style="width: 900px; height: 450px; max-width: 100%; max-height: 100%"></div> | ||
| <script> | ||
| <nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main"> | ||
| <div class="container"> | ||
| <div class="d-none d-lg-inline-flex"> | ||
| <a class="navbar-brand" href="https://www.ruidazeng.com">Ruida Zeng</a> | ||
| </div> | ||
| <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span><i class="fas fa-bars"></i></span> | ||
| </button> | ||
| <div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none"> | ||
| <a class="navbar-brand" href="https://www.ruidazeng.com">Ruida Zeng</a> | ||
| </div> | ||
| <div class="navbar-collapse main-menu-item justify-content-end collapse" id="navbar-content"> | ||
| <ul class="navbar-nav d-md-inline-flex"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link " href="index.html"><span>Home</span></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link " href="news.html"><span>News</span></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link " href="publications.html"><span>Publications</span></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link " href="projects.html"><span>Projects</span></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link " href="blogs.html"><span>Blogs</span></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active " href="contact.html"><span>Contact</span></a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| var map = L.map('map').setView([41.82623931304847, -71.40200262550869], 16); | ||
| <!-- Contact Page Content --> | ||
| <div class="contact-page-container"> | ||
| <div class="container"> | ||
| <div style="text-align:center"> | ||
| <h2>Contact Me</h2> | ||
| <p>Buy me a cup of <a href="https://www.buymeacoffee.com/ruida" target="_blank" rel="noopener noreferrer"><i class="fa fa-coffee"></i></a>, or leave me a message:</p> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="column"> | ||
| <div id="map" style="width: 900px; height: 450px; max-width: 100%; max-height: 100%"></div> | ||
| <script> | ||
| var map = L.map('map').setView([41.82623931304847, -71.40200262550869], 16); | ||
| const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { | ||
| maxZoom: 18, | ||
| attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>' | ||
| }).addTo(map); | ||
|
|
||
| // var tiles = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { | ||
| // maxZoom: 18, | ||
| // attribution: 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' + | ||
| // 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', | ||
| // id: 'mapbox/streets-v11', | ||
| // tileSize: 512, | ||
| // zoomOffset: -1 | ||
| // }).addTo(map); | ||
|
|
||
| const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { | ||
| maxZoom: 18, | ||
| attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>' | ||
| }).addTo(map); | ||
|
|
||
| var marker = L.marker([41.82709057885313, -71.39949792902526]).addTo(map) | ||
| .bindPopup('Department of Computer Science, Brown University Providence, RI 02912') | ||
| var marker = L.marker([41.82709057885313, -71.39949792902526]).addTo(map) | ||
| .bindPopup('Department of Computer Science, Brown University Providence, RI 02912') | ||
| </script> | ||
| </div> | ||
| <div class="column"> | ||
| <form action="https://formspree.io/f/mjvlynlv", method="post"> | ||
| <label for="name">Name</label> | ||
| <input type="text" id="name" required name="name" placeholder="Your name..."> | ||
| <label for="email">Email</label> | ||
| <input type="text" id="email" required name="email" placeholder="Your email..."> | ||
| <label for="subject">Subject</label> | ||
| <textarea id="subject" required name="subject" placeholder="Write something..." style="height:170px"></textarea> | ||
| <input type="submit" value="Submit"> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- End of Contact Page Content --> | ||
|
|
||
| </script> | ||
| </div> | ||
| <div class="column"> | ||
| <form action="https://formspree.io/f/mjvlynlv", method="post"> | ||
| <label for="name">Name</label> | ||
| <input type="text" id="name" required name="name" placeholder="Your name..."> | ||
| <label for="email">Email</label> | ||
| <input type="text" id="email" required name="email" placeholder="Your email..."> | ||
| <label for="subject">Subject</label> | ||
| <textarea id="subject" required name="subject" placeholder="Write something..." style="height:170px"></textarea> | ||
| <input type="submit" value="Submit"> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <p> | ||
| <a href="index.html">Back to Main Menu</a> | ||
| </p> | ||
| <footer class="site-footer"> | ||
| <p class="ss-copyright"> | ||
| © Ruida Zeng 2024 | ||
| </p> | ||
| </footer> | ||
| <footer class="site-footer"> | ||
| <p class="ss-copyright"> | ||
| © Ruida Zeng 2024 | ||
| </p> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Contact Ruida</title> | ||
| <meta name="author" content="Ruida Zeng"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | ||
| <link rel="stylesheet" type="text/css" href="css/contact-style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /> | ||
| <link rel="icon" href="images/icons/squirrel-icon.png" type="image/icon type"> | ||
| <script src="js/lazysizes.js"></script> | ||
| <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div style="text-align:center"> | ||
| <h2>Contact Me</h2> | ||
| <p>Buy me a cup of <a href="https://www.buymeacoffee.com/ruida" target="_blank" rel="noopener noreferrer"><i class="fa fa-coffee"></i></a>, or leave me a message:</p> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="column"> | ||
| <div id="map" style="width: 900px; height: 450px; max-width: 100%; max-height: 100%"></div> | ||
| <script> | ||
|
|
||
| var map = L.map('map').setView([41.82623931304847, -71.40200262550869], 16); | ||
|
|
||
| // var tiles = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { | ||
| // maxZoom: 18, | ||
| // attribution: 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' + | ||
| // 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', | ||
| // id: 'mapbox/streets-v11', | ||
| // tileSize: 512, | ||
| // zoomOffset: -1 | ||
| // }).addTo(map); | ||
|
|
||
| const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { | ||
| maxZoom: 18, | ||
| attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>' | ||
| }).addTo(map); | ||
|
|
||
| var marker = L.marker([41.82709057885313, -71.39949792902526]).addTo(map) | ||
| .bindPopup('Department of Computer Science, Brown University Providence, RI 02912') | ||
|
|
||
| </script> | ||
| </div> | ||
| <div class="column"> | ||
| <form action="https://formspree.io/f/mjvlynlv", method="post"> | ||
| <label for="name">Name</label> | ||
| <input type="text" id="name" required name="name" placeholder="Your name..."> | ||
| <label for="email">Email</label> | ||
| <input type="text" id="email" required name="email" placeholder="Your email..."> | ||
| <label for="subject">Subject</label> | ||
| <textarea id="subject" required name="subject" placeholder="Write something..." style="height:170px"></textarea> | ||
| <input type="submit" value="Submit"> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <p> | ||
| <a href="index.html">Back to Main Menu</a> | ||
| </p> | ||
| <footer class="site-footer"> | ||
| <p class="ss-copyright"> | ||
| © Ruida Zeng 2024 | ||
| </p> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters