update

apma-austria · Jan 9, 2024 · 7cb0bca · 7cb0bca
1 parent c3f0331
commit 7cb0bca
Show file tree

Hide file tree

Showing 5 changed files with 365 additions and 2 deletions.
diff --git a/img/publications/biology-logo.jpg b/img/publications/biology-logo.jpg
diff --git a/img/publications/jpr-logo.jpg b/img/publications/jpr-logo.jpg
diff --git a/index.html b/index.html
@@ -46,10 +46,10 @@
               <a class="nav-link" href="index.html">Home</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="">Links</a>
+              <a class="nav-link" href="links.html">Links</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="">Publications</a>
+              <a class="nav-link" href="publications.html">Publications</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="https://www.apma.at/apma-journal-club/" target="_blank">Journal Club</a>

diff --git a/links.html b/links.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="APMA Junior Board - Home">
+    <meta name="author" content="Micha Birklbauer">
+
+    <!-- Open Graph metadata -->
+    <meta property="og:title" content="APMA Junior Board Website"/>
+    <meta property="og:image" content=""/>
+    <meta property="og:url" content=""/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:description" content="Website of the APMA Junior Board"/>
+
+    <title>APMA Junior Board - Links</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom fonts for this template -->
+    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
+    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+
+    <!-- Custom styles for this template -->
+    <link href="css/clean-blog.min.css" rel="stylesheet">
+
+  </head>
+
+  <body>
+
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+      <div class="container">
+        <a class="navbar-brand" href="index.html">APMA JB</a>
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+          Menu
+          <i class="fas fa-bars"></i>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarResponsive">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item">
+              <a class="nav-link" href="index.html">Home</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="links.html">Links</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="publications.html">Publications</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://www.apma.at/apma-journal-club/" target="_blank">Journal Club</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="index.html#contact">Contact & Social Media</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://www.apma.at/" target="_blank">APMA</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://www.apma.at/join-apma/" target="_blank">Join APMA</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <!-- Page Header -->
+    <header class="masthead" style="background-image: url('img/home-bg.jpg')">
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="site-heading">
+              <h1>APMA Junior Board</h1>
+              <span class="subheading">Representing and supporting young scientists in Proteomics, Lipidomics, Metabolomics and Bioinformatics.</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!-- Main Content -->
+    <div class="container">
+      <div class="row">
+        <!-- <div class="col-lg-8 col-md-10 mx-auto"> -->
+        <div class="col-xs-12 col-sm-6 col-md-8">
+          <h2 class="section-heading text-center" style="color:#ED1F24;">Links</h2>
+          <p class="text-justify">
+            Links from our social media feeds in chronological order:
+          </p>
+          <ul>
+            <li> [2023-12-23][Publication] <a href="https://doi.org/10.3390/biology12121514" target="_blank" style="color:#ED1F24;">Immunopeptidomics in the Era of Single-Cell Proteomics</a></li>
+          </ul>
+          <!-- <hr> -->
+          <!-- Pager -->
+          <!--
+          <div class="clearfix">
+            <a class="btn btn-primary float-right" href="posts1.html">Older Posts &rarr;</a>
+          </div>
+          -->
+        </div>
+        <div class="col-xs-6 col-md-4">
+          <!-- Telegram Comment Widget -->
+          <script async src="https://comments.app/js/widget.js?3" data-comments-app-website="hi_yzXo7" data-limit="10" data-color="ED1F24" data-outlined="1" data-colorful="1"></script>
+        </div>
+      </div>
+    </div>
+
+    <hr>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <ul class="list-inline text-center">
+              <li class="list-inline-item">
+                <a href="https://www.instagram.com/apma_austria/" target="_blank">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+              <li class="list-inline-item">
+                <a href="https://twitter.com/ApmaAustria" target="_blank">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+              <li class="list-inline-item">
+                <a href="https://at.linkedin.com/in/apma-austria-963002193" target="_blank">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+              <li class="list-inline-item">
+                <a href="">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-github fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+            </ul>
+            <p class="copyright text-muted">Copyright &copy; APMA Junior Board 2024</p>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- Bootstrap core JavaScript -->
+    <script src="vendor/jquery/jquery.min.js"></script>
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+    <!-- Custom scripts for this template -->
+    <script src="js/clean-blog.min.js"></script>
+
+  </body>
+
+</html>
diff --git a/publications.html b/publications.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="APMA Junior Board - Home">
+    <meta name="author" content="Micha Birklbauer">
+
+    <!-- Open Graph metadata -->
+    <meta property="og:title" content="APMA Junior Board Website"/>
+    <meta property="og:image" content=""/>
+    <meta property="og:url" content=""/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:description" content="Website of the APMA Junior Board"/>
+
+    <title>APMA Junior Board - Publications</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom fonts for this template -->
+    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
+    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+
+    <!-- Custom styles for this template -->
+    <link href="css/clean-blog.min.css" rel="stylesheet">
+
+  </head>
+
+  <body>
+
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+      <div class="container">
+        <a class="navbar-brand" href="index.html">APMA JB</a>
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+          Menu
+          <i class="fas fa-bars"></i>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarResponsive">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item">
+              <a class="nav-link" href="index.html">Home</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="links.html">Links</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="publications.html">Publications</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://www.apma.at/apma-journal-club/" target="_blank">Journal Club</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="index.html#contact">Contact & Social Media</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://www.apma.at/" target="_blank">APMA</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://www.apma.at/join-apma/" target="_blank">Join APMA</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <!-- Page Header -->
+    <header class="masthead" style="background-image: url('img/home-bg.jpg')">
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="site-heading">
+              <h1>APMA Junior Board</h1>
+              <span class="subheading">Representing and supporting young scientists in Proteomics, Lipidomics, Metabolomics and Bioinformatics.</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!-- Main Content -->
+    <div class="container">
+      <div class="row">
+        <!-- <div class="col-lg-8 col-md-10 mx-auto"> -->
+        <div class="col-xs-12 col-sm-6 col-md-8">
+          <h2 class="section-heading text-center" style="color:#ED1F24;">Publications</h2>
+          <p class="text-justify">
+            We proudly present publications from fellow APMA members and scientists in the fields of Proteomics, Lipidomics,
+            Metabolomics and Bioinformatics:
+          </p>
+          <hr>
+          <div class="post-preview">
+            <a href="https://doi.org/10.3390/biology12121514" target="_blank">
+              <img class="img-fluid" width="300" src="img/publications/biology-logo.jpg" alt="">
+              <h3 class="post-subtitle text-left">
+                Immunopeptidomics in the Era of Single-Cell Proteomics
+              </h3>
+            </a>
+            <p class="post-meta text-left">by
+              <a href="https://orcid.org/0000-0001-7104-0147" target="_blank" style="color:#ED1F24;">Rupert L. Mayer</a> and
+              <a href="https://orcid.org/0000-0002-3392-9946" target="_blank" style="color:#ED1F24;">Karl Mechtler</a>, 2023.</p>
+          </div>
+          <hr>
+          <div class="post-preview">
+            <a href="https://doi.org/10.1021/acs.jproteome.3c00325" target="_blank">
+              <img class="img-fluid" width="300" src="img/publications/jpr-logo.jpg" alt="">
+              <h3 class="post-subtitle text-left">
+                MS Annika 2.0 Identifies Cross-Linked Peptides in MS2–MS3-Based Workflows at High Sensitivity and Specificity
+              </h3>
+            </a>
+            <p class="post-meta text-left">by
+              <a href="https://orcid.org/0009-0005-1051-179X" target="_blank" style="color:#ED1F24;">Micha J. Birklbauer</a>,
+              <a href="https://orcid.org/0000-0002-9765-7951" target="_blank" style="color:#ED1F24;">Manuel Matzinger</a>,
+              <a href="https://orcid.org/0000-0003-3764-3547" target="_blank" style="color:#ED1F24;">Fränze Müller</a>,
+              <a href="https://orcid.org/0000-0002-3392-9946" target="_blank" style="color:#ED1F24;">Karl Mechtler</a> and
+              <a href="https://orcid.org/0000-0002-5332-5701" target="_blank" style="color:#ED1F24;">Viktoria Dorfer</a>, 2023.</p>
+          </div>
+          <!-- <hr> -->
+          <!-- Pager -->
+          <!--
+          <div class="clearfix">
+            <a class="btn btn-primary float-right" href="posts1.html">Older Posts &rarr;</a>
+          </div>
+          -->
+        </div>
+        <div class="col-xs-6 col-md-4">
+          <!-- Telegram Comment Widget -->
+          <script async src="https://comments.app/js/widget.js?3" data-comments-app-website="hi_yzXo7" data-limit="10" data-color="ED1F24" data-outlined="1" data-colorful="1"></script>
+        </div>
+      </div>
+    </div>
+
+    <hr>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <ul class="list-inline text-center">
+              <li class="list-inline-item">
+                <a href="https://www.instagram.com/apma_austria/" target="_blank">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+              <li class="list-inline-item">
+                <a href="https://twitter.com/ApmaAustria" target="_blank">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+              <li class="list-inline-item">
+                <a href="https://at.linkedin.com/in/apma-austria-963002193" target="_blank">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+              <li class="list-inline-item">
+                <a href="">
+                  <span class="fa-stack fa-lg">
+                    <i class="fas fa-circle fa-stack-2x" style="color:#ED1F24;"></i>
+                    <i class="fab fa-github fa-stack-1x fa-inverse"></i>
+                  </span>
+                </a>
+              </li>
+            </ul>
+            <p class="copyright text-muted">Copyright &copy; APMA Junior Board 2024</p>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- Bootstrap core JavaScript -->
+    <script src="vendor/jquery/jquery.min.js"></script>
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+    <!-- Custom scripts for this template -->
+    <script src="js/clean-blog.min.js"></script>
+
+  </body>
+
+</html>