danames.github.io/index.html at master · danames/danames.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dan Ames' Professional Links</title>
<style>
  body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }
  .container { max-width: 600px; margin: auto; padding: 20px; }
  .profile { text-align: center; margin: 20px 0; }
  .profile img { width: 100px; height: 100px; border-radius: 50%; }
  .profile h1 { margin: 10px 0; }
  .section {
    text-align: center;
    margin: 20px 0;
    font-weight: bold; /* This will make the text bold */
    /* font-variant: small-caps;*/
    font-size: 1.2em;
  }
  .link-item {
    display: flex;
    align-items: center;
    background-color: #fff;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    text-decoration: none;
  }
  .link-item img {
    width: 50px;
    height: 50px;
    margin: 10px;
    border-radius: 5px;
  }
  .link-item div {
    flex-grow: 1;
  }
  .link-item a {
    display: block;
    color: #333;
    padding: 15px 20px;
    text-decoration: none;
  }
  .link-item:hover { background-color: #e9e9e9; }
</style>
</head>
<body>
<div class="container">
  <div class="profile">
    <img src="images/danames_small.jpg" alt="Profile Picture">
    <h1>Dr. Dan Ames</h1>
    <p>Husband, dad, engineer, professor, and professional academic coach.</p>
  </div>
<!--
  <div class="section">
    <p>Coaching</p>
  </div>
  <div class="link-item">
    <img src="images/coaching_logo3.png" alt="Coaching Logo">
    <div><a href="https://www.internationalstudentcoaching.org/">My International Student Coaching Blog and Services</a></div>
  </div>
  !-->
  <div class="section">
    <p>Professional</p>
  </div>
  <div class="link-item">
    <img src="images/byu_logo.png" alt="BYU Logo">
    <div><a href="https://hydroinformatics.byu.edu">BYU Hydroinformatics Lab</a></div>
  </div>
  <div class="link-item">
    <img src="images/hydromap_logo.png" alt="HydroMap LLC Logo">
    <div><a href="https://hydromap.com">HydroMap LLC</a></div>
  </div>
  <div class="section">
    <p>Publications</p>
  </div>
  <div class="link-item">
    <img src="images/googlescholar_logo.png" alt="Google Scholar Logo">
    <div><a href="https://scholar.google.com/citations?user=S0GUCeUAAAAJ&hl=en">Google Scholar Profile</a></div>
  </div>
  <div class="link-item">
    <img src="images/researchgate_logo.png" alt="Research Gate Logo">
    <div><a href="https://www.researchgate.net/profile/Daniel-Ames-3">Research Gate Profile</a></div>
  </div>
  <div class="link-item">
    <img src="images/ems_logo.png" alt="Environmental Modelling & Software Logo">
    <div><a href="https://www.sciencedirect.com/journal/environmental-modelling-and-software">Environmental Modelling & Software</a></div>
  </div>
  <div class="section">
    <p>Social</p>
  </div>
  <div class="link-item">
    <img src="images/instagram_logo.png" alt="Instagram Logo">
    <div><a href="https://www.instagram.com/dr.danames/">Instagram Page @dr.danames</a></div>
  </div>
  <div class="link-item">
    <img src="images/linkedin_logo.png" alt="LinkedIn Logo">
    <div><a href="https://www.linkedin.com/in/danames/">LinkedIn Profile @danames</a></div>
  </div>
  <div class="section">
    <p>Projects</p>
  </div>
  <div class="link-item">
    <img src="images/hydromap_logo.png" alt="Water Data Watch Network Logo">
    <div><a href="https://lakepowell.hydromap.com">Water Data Watch Network: Powell, Mead, Great Salt Lake and more</a></div>
  </div>
  <div class="link-item">
    <img src="images/tethys_logo.png" alt="Tethys Platform Project">
    <div><a href="https://www.tethysplatform.org/">Tethys Platform for Web App Development</a></div>
  </div>
  <div class="link-item">
    <img src="images/cuahsi_logo.png" alt="CUAHSI HydroShare Project">
    <div><a href="https://www.hydroshare.org/">HydroShare Data Sharing and Collaboration</a></div>
  </div>
  <div class="link-item">
    <img src="images/ciroh_logo.png" alt="CIROH Project">
    <div><a href="https://www.ciroh.org/">NOAA CIROH National Water Model Project</a></div>
  </div>
  <div class="link-item">
    <img src="images/mapwindow_logo.png" alt="MapWindow Project">
    <div><a href="https://www.mapwindow.org/">MapWindow GIS Developer Tools</a></div>
  </div>
  <div class="section">
    <p>Faith</p>
  </div>
  <div class="link-item">
    <img src="images/bom_logo.png" alt="Book of Mormon American Modern English Style Logo">
    <div><a href="https://bom.danames.com">Book of Mormon — American Modern English Style</a></div>
  </div>
  <div class="section">
    <p>Just for Fun</p>
  </div>
  <div class="link-item">
    <img src="images/wordle_logo.svg" alt="Wordle">
    <div><a href="justforfun.html">Just for Fun</a></div>
  </div>
</div>
<div>
  <a href="https://hits.sh/danames.com/hits/"><img alt="Hits" src="https://hits.sh/danames.com/hits.svg"/></a>
</div>
<script>
  // JavaScript can go here if you need any interactivity
</script>
</body>
</html>