add CHI paper; tweaked link coloring; add optional page breaks that a…

…re only visible in the pdf
xiaohujecky · Dec 9, 2019 · ca49b64 · ca49b64
1 parent 37b9402
commit ca49b64
Show file tree

Hide file tree

Showing 3 changed files with 374 additions and 181 deletions.
diff --git a/index.md b/index.md
@@ -52,17 +52,22 @@ Carlisle, PA
 
 ## Publications
 
+### **How Domain Experts Create Conceptual Diagrams and Implications for Tool Design**
+
+**Wode Ni\***, Dor Ma'ayan\*, Katherine Ye, Chinmay Kulkarni, Joshua Sunshine<br>
+_Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems (CHI'20), to appear._
+
 ### [**Defining Visual Narratives for Mathematics Declaratively**](http://plateau-workshop.org/assets/papers-2019/9.pdf)
 
 Max Krieger, **Wode Ni**, and Joshua Sunshine.<br>
-_Evaluation and Usability of Programming Languages and Tools (PLATEAU 2019), co-located with UIST_<br>
+_Evaluation and Usability of Programming Languages and Tools (PLATEAU 2019), co-located with UIST._<br>
 [[PDF](http://plateau-workshop.org/assets/papers-2019/9.pdf)]
 [[slides](https://www.cs.cmu.edu/~woden/assets/plateau-19-presentation.pdf)]
 
 ### [**Designing Declarative Language Tutorials: a Guided and Individualized Approach**](http://plateau-workshop.org/assets/papers-2019/2.pdf)
 
 Anael Kuperwajs Cohen, **Wode Ni**, and Joshua Sunshine.<br>
-_Evaluation and Usability of Programming Languages and Tools (PLATEAU 2019), co-located with UIST_<br>
+_Evaluation and Usability of Programming Languages and Tools (PLATEAU 2019), co-located with UIST._<br>
 [[PDF](http://plateau-workshop.org/assets/papers-2019/2.pdf)]
 [[slides](https://www.cs.cmu.edu/~woden/assets/plateau-19-presentation.pdf)]
 
@@ -79,6 +84,8 @@ _Evaluation and Usability of Programming Languages and Tools (PLATEAU 2019), co-
 **Wode Ni**.<br> _Dickinson College Honors Theses. Paper 221._<br>
 [[PDF](https://www.cs.cmu.edu/~woden/assets/superres.pdf)]
 
+----
+
 ## Experience
 
 ### **Carnegie Mellon University, Research Experiences for Undergraduate** `2017.5 - 2017.8`
@@ -123,7 +130,7 @@ John Montgomery Scholarship `Dickinson, 2013` <br>
 
 ## Service
 
-Research Experiences for Undergraduates in Software Engineering (REUSE) Program Admission Committee `CMU, 2019`
+Research Experiences for Undergraduates in Software Engineering (REUSE) Admission Committee `CMU, 2019`
 
 <!-- ### Footer
 

diff --git a/media/cv-print.css b/media/cv-print.css
@@ -3,155 +3,253 @@
    License: none (public domain)
 */
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-	display: block;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
 }
 body {
-	line-height: 1;
+  line-height: 1;
 }
-ol, ul {
-	list-style: none;
+ol,
+ul {
+  list-style: none;
 }
-blockquote, q {
-	quotes: none;
+blockquote,
+q {
+  quotes: none;
 }
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
 }
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 /* end of reset */
 
 body {
-	font: normal normal 400;
-	font-size: 11pt;
-	line-height: 1.5em;
-	/*also written as...  font: normal normal 400 100%/1.5em;*/
-	font-family: "Helvetica",sans-serif;
-	/* margin: 0.5in 0.5in 0.5in 0.5in */
-	/* margin-top: 1em;
+  font: normal normal 400;
+  font-size: 11pt;
+  line-height: 1.5em;
+  /*also written as...  font: normal normal 400 100%/1.5em;*/
+  font-family: "Helvetica", sans-serif;
+  /* margin: 0.5in 0.5in 0.5in 0.5in */
+  /* margin-top: 1em;
 	margin-left: 1em; */
 }
 
 strong {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 p strong {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 em {
-	font-style: italic;
+  font-style: italic;
 }
 
-
 h1 {
-	font-family: "Avenir Next",sans-serif;
-	text-align: center;
-	font-size: 50pt;
-	font-weight: lighter;
-	position: relative;
-	line-height: 1.2em;
-	position: relative;
-	/* left: 28%; */
+  font-family: "Avenir Next", sans-serif;
+  text-align: center;
+  font-size: 50pt;
+  font-weight: lighter;
+  position: relative;
+  line-height: 1.2em;
+  position: relative;
+  /* left: 28%; */
 }
 
 h1 strong {
-	font-weight: normal !important;
-	line-height: 1em;
+  font-weight: normal !important;
+  line-height: 1em;
 }
 
 /* Section headers */
 h2 {
-	font-family: "Avenir Next",sans-serif;
-	font-size: 20pt;
-	text-align: center;
-	font-weight: normal;
-	display: flex;
-	/* line-height: 1.5em; */
-	margin-top: 0.7em;
-	margin-bottom: 0.5em;
-	width: 100%;
+  font-family: "Avenir Next", sans-serif;
+  font-size: 20pt;
+  text-align: center;
+  font-weight: normal;
+  display: flex;
+  /* line-height: 1.5em; */
+  margin-top: 0.7em;
+  margin-bottom: 0.5em;
+  width: 100%;
 }
 h2:after {
-  border-bottom: 1.7px dashed #D3D3D3;
+  border-bottom: 1.7px dashed #d3d3d3;
   /* height: 0.8em; */
   margin-left: 10px;
-  content: '';
-  flex: 1
+  content: "";
+  flex: 1;
 }
 
 h3 strong {
-	/* line-height: 2.5em; */
+  /* line-height: 2.5em; */
 }
 
 h3 {
-	margin-top: 10px;
+  margin-top: 10px;
 }
 
-
 code {
-	font-family: "Palatino";
-	font-style: italic;
-	float: right;
+  font-family: "Palatino";
+  font-style: italic;
+  float: right;
 }
 
-
 li:before {
-	content: "-";
-	position: relative;
-	left: -0.5em;
+  content: "-";
+  position: relative;
+  left: -0.5em;
 }
 
 li {
-	/*second line indent*/
-	padding-left: 2.25em;
-	text-indent: -1.25em;
-	/*color: #777;*/
+  /*second line indent*/
+  padding-left: 2.25em;
+  text-indent: -1.25em;
+  /*color: #777;*/
 }
 
 #contact-info {
-	text-align: center;
-	position: relative;
-	font-weight: lighter;
-	color: #ccc;
-	/* font-family: Menlo,monospace,sans-serif; */
+  text-align: center;
+  position: relative;
+  font-weight: lighter;
+  color: #ccc;
+  /* font-family: Menlo,monospace,sans-serif; */
 }
 
 #contact-info a {
-	text-decoration: none;
+  text-decoration: none;
+}
+
+@media print {
+  p {
+    page-break-inside: avoid;
+  }
+  h2 {
+    page-break-after: avoid;
+  }
+  h3 {
+    page-break-after: avoid;
+  }
+}
+
+a {
+  text-decoration: none;
+  color: rgb(20, 116, 151);
 }
 
 @media print {
-    p {page-break-inside: avoid;}
-	h2 {page-break-after: avoid;}
-	h3 {page-break-after: avoid;}
+  hr {
+    page-break-after: always; /* CSS 2 */
+    /* minimal layout disruption: */
+    height: 0.1mm;
+    visibility: hidden;
+  }
 }