-
Notifications
You must be signed in to change notification settings - Fork 0
/
flip.Rmd
54 lines (43 loc) · 2.89 KB
/
flip.Rmd
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
---
title : flip.css
subtitle :
author : Tyler Rinker
job :
logo : avatar3_clipped_rev_1.png
biglogo : avatar2.png
license :
framework : io2012
highlighter: highlight.js
hitheme : tomorrow
mode : standalone
widgets : [mathjax, quiz, bootstrap]
---
```{r setup, include=FALSE}
# set global chunk options
library(reports); library(slidify); library(knitcitations); library(knitr)
opts_chunk$set(cache=FALSE)
```
## flip.css
This is a demonstration of flip.css adapted from the [flip cards](http://css3playground.com/3d-flip-cards/) designed by Chris Ruppel.
---
<div class="flip3D">
<div class="front">
<span class="name">Tyler Rinker</span>
</div>
<div class="back" style="background:#f8f8f8;">
<a href="http://trinker.github.io/card/contact" target="_blank"><div class="back-logo"></div></a>
<div class="back-title"><br><a href="tel:716-472-2642" target="_blank">716-472-2642</a><br><br><a href="mailto:tyler.rinker@gmail.com" target="_blank">tyler.rinker@gmail.com</a></div>
<p><a target="_blank" href="http://about.me/tylerrinker"><img src="https://github.com/trinker/cv/raw/master/icons/aboutme.png" alt="" /></a><a target="_blank" href="http://www.linkedin.com/pub/tyler-rinker/39/36b/1a0"><img src="https://github.com/trinker/cv/raw/master/icons/linkedin.png" alt="" /></a><a target="_blank" href="https://www.researchgate.net/profile/Tyler_Rinker"><img src="https://github.com/trinker/cv/raw/master/icons/researchgate.png" alt="" /></a><a target="_blank" href="https://github.com/trinker"><img src="https://github.com/trinker/cv/raw/master/icons/github_2.png" alt="" /></a><a target="_blank" href="http://trinkerrstuff.wordpress.com/"><img src="https://github.com/trinker/cv/raw/master/icons/wordpress.png" alt="" /></a><br>
<a target="_blank" href="http://www.youtube.com/channel/UCOuzoXJpWWOFop7_nlJ5-hw/videos"><img src="https://github.com/trinker/cv/raw/master/icons/youtube.png" alt="" /><a target="_blank" href="http://rpubs.com/trinker"><img src="https://github.com/trinker/cv/raw/master/icons/rpubs.png" alt="" /></a><a target="_blank" href="https://twitter.com/tylerrinker"><img src="https://github.com/trinker/cv/raw/master/icons/twitter.png" alt="" /></a><a target="_blank" href="https://plus.google.com/u/0/107881588921166122909/posts"><img src="https://github.com/trinker/cv/raw/master/icons/google_plus.png" alt="" /></a><a target="_blank" href="http://stackoverflow.com/users/1000343/tyler-rinker"><img src="https://github.com/trinker/cv/raw/master/icons/stackoverflow.png" alt="" /></a>
</div>
</div>
--- &twocol
*** =left
## An iframe Version ##
`r VS(4)`
`r HS(11)`The use of iframe
`r HS(11)`may be more reactive
`r HS(11)`and smoother.
*** =right
`r VS(2)`
`r IF("http://trinker.github.io/card/", width=245, height=355, center=FALSE)`