adding font awesome and some symols in intro for twitter, etc.

dropletchain · Feb 18, 2017 · ff99721 · ff99721
1 parent 2c00945
commit ff99721
Show file tree

Hide file tree

Showing 9 changed files with 5,054 additions and 0 deletions.
diff --git a/css/font-awesome.css b/css/font-awesome.css
diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot
diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
diff --git a/index.html b/index.html
@@ -17,6 +17,10 @@
     <!-- Custom CSS -->
     <link href="css/scrolling-nav.css" rel="stylesheet">
 
+    <!-- nice figures  -->
+    <link rel="stylesheet" href="css/font-awesome.css">
+
+
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
@@ -105,6 +109,44 @@
                                 <td>shafagh inf.ethz.ch</td>
                             </tr>
                         </table>
+
+                            <ul class="list-inline text-left">
+                                <a href="https://twitter.com/hossein_shafagh">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fa fa-circle fa-stack-2x"></i>
+                                        <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+
+                                <a href="https://github.com/hosseinsh">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fa fa-circle fa-stack-2x"></i>
+                                        <i class="fa fa-github fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+
+                                <a href="https://www.linkedin.com/in/hshafagh">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fa fa-circle fa-stack-2x"></i>
+                                        <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+
+                                <a href="https://keybase.io/hosseinsh">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fa fa-circle fa-stack-2x"></i>
+                                        <i class="fa fa-key fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+
+                                <a href="https://scholar.google.com/citations?user=UrlPweEAAAAJ&hl=en">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fa fa-circle fa-stack-2x"></i>
+                                        <i class="fa fa-google fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+                            </ul>
+
                     </div>
                 </div>
             </div>