index.html (6563B)
1 {{ define "main" }} 2 <section id="about" class="text"> 3 <div class="container"> 4 <div class="row"> 5 <div class="col-lg-6"> 6 <h2 class="heading">ED VAN BRUGGEN</h2> 7 <!-- TODO move to own markdown file --> 8 <p> 9 I'm a physics PhD student at the University of Massachusetts Amherst currently researching 10 neutrionless double beta decay in the <a href="https://nexo.llnl.gov/">nEXO collaboration</a>. 11 In the past I conducted 12 research on new Dark Higgs models which would allow for dark matter production at the 13 Large Hadron Collider. In addition, I worked on a project to automate 14 <a href="https://iris-hep.org/fellows/edvanbruggen.html">truth level reinterpretations</a> 15 of particle analyses. I am also the lead web developer for 16 <a href="https://projectmhea.org">Mental Health for Every Adolescent</a>. 17 </p> 18 <p> 19 When I'm not busy with grad school I do 20 <a href="{{ "photos" | relURL }}">photography</a> and work on various 21 <a href="{{ "projects" | relURL}}">programming projects.</a> You can find my full 22 <a href="{{ "docs/vanbruggen_resume.pdf" | relURL}}">resume here</a> and contact 23 information below. 24 </p> 25 <div class="links text-center display-4"> 26 {{ partial "links.html" }} 27 </div> 28 {{ partial "quote.html" (index (shuffle $.Site.Data.quotes.quotes) 0) }} 29 </div> 30 <div class="col-8 col-lg-5 mx-auto"> 31 <p><img src="img/ed.jpg" class="img-fluid rounded-circle"></p> 32 </div> 33 </div> 34 </div> 35 </section> 36 37 <section id="photos" class="section-inverse slant-up"> 38 <div class="container clearfix"> 39 <div class="row"> 40 <div class="col-lg-12"> 41 <h2 class="heading">PHOTOS</h2> 42 <div class="row photos"> 43 {{- $files := shuffle (readDir "/static/img/photos/best") }} 44 {{- range first 5 $files -}} 45 {{- $imgURL := print "/img/photos/best/" .Name | relURL }} 46 <a href="{{ $imgURL }}" data-lightbox="image-1"> 47 <!-- TODO generate thumbnail --> 48 <img src="{{ $imgURL }}" alt="image"> 49 </a> 50 {{- end }} 51 </div> 52 <div class="col-md-2 offset-md-5 btn-effect"> 53 <a class="btn btn-block" href="photos"> 54 See More <i class="fa ml-2 fa-camera"></i> 55 </a> 56 </div> 57 </div> 58 </div> 59 </section> 60 61 <section id="posts"> 62 <div class="container"> 63 <div class="row"> 64 <div class="col-lg-12"> 65 <h2 class="heading">POSTS</h2> 66 <div class="box"> 67 {{ range first 5 .Site.RegularPages }} 68 {{ .Render "summary" }} 69 {{ end }} 70 </div> 71 <div class="col-md-2 offset-md-5 btn-effect"> 72 <a class="btn btn-block" href="posts"> 73 See More <i class="far fa-newspaper ml-2"></i> 74 </a> 75 </div> 76 </div> 77 </div> 78 </div> 79 </section> 80 81 <section id="projects" class="section-grey slant-up"> 82 <div class="container"> 83 <div class="row"> 84 <div class="col-lg-12"> 85 <h2 class="heading">PROJECTS</h2> 86 {{ range first 5 .Site.Data.projects.code }} 87 <div class="row text-inc"> 88 {{ $link := or .link (path.Join "projects/" .name | relURL) }} 89 <div class="col-lg-4 text-lg-right"><a href="{{ $link }}">{{ .name }}</a></div> 90 <div class="col-lg-8"><a href="{{ $link }}" class="italic-off text-primary">{{ .desc }}</a></div> 91 </div> 92 {{ end }} 93 <div class="col-sm-2 offset-sm-5 btn-effect"> 94 <a class="btn btn-block" href="projects"> 95 See More <i class="fa fa-rocket ml-2"></i> 96 </a> 97 </div> 98 </div> 99 </div> 100 </div> 101 </section> 102 103 <section id="contact" style="background-color: #fff;" class="pb-4"> 104 <div class="container"> 105 <div class="row"> 106 <div class="col-lg-12"> 107 <h2 class="heading">CONTACT</h2> 108 <div class="row"> 109 <div class="col-lg-6 offset-lg-3"> 110 <form id="contact-form" action="https://formspree.io/f/xqkwbggr" method="POST" class="contact-form"> 111 <div class="controls"> 112 <div class="form-group"> 113 <input type="text" name="name" placeholder="Name" required="required" class="form-control"> 114 </div> 115 <div class="form-group"> 116 <input type="email" name="email" placeholder="Email" required="required" class="form-control"> 117 </div> 118 <div class="form-group"> 119 <textarea rows="4" name="message" placeholder="Message" required="required" class="form-control"></textarea> 120 </div> 121 <div class="text-center"> 122 <button type="submit" name="name" class="btn btn-outline-primary btn-block"> 123 Send <i class="fa ml-2 fa-paper-plane"></i> 124 </button> 125 </div> 126 </div> 127 </form> 128 </div> 129 <!-- <div class="col-lg-6"> --> 130 <!-- <p>Feel free to contact me about any questions or comments you might have. I also do freelance website design and hosting.</p> --> 131 <!-- <div class="text-center display-4"> --> 132 <!-- <a href="contact" class="change-icon"> --> 133 <!-- <i class="fa fa-envelope"></i> --> 134 <!-- <i class="fa fa-envelope-open"></i> --> 135 <!-- </a> --> 136 <!-- <a href="https://www.linkedin.com/in/ed-van-bruggen-58a379171/" class="fa fa-linkedin-square"></a> --> 137 <!-- <a href="https://github.com/edvb" class="fa fa-github"></a> --> 138 <!-- <a href="https://git.edryd.org" class="fa fa-git"></a> --> 139 <!-- <!-1- <a href="{{ "/feed.xml" | relURL }}" class="fa fa-rss"></a> -1-> --> 140 <!-- </div> --> 141 <!-- </div> --> 142 </div> 143 </div> 144 </div> 145 </div> 146 </section> 147 {{ end }}