diff --git a/static/css/introHCI.css b/static/css/introHCI.css index aafdda33d..7e47d5e23 100644 --- a/static/css/introHCI.css +++ b/static/css/introHCI.css @@ -1,34 +1,24 @@ -/* applies to anything of class "example-class-selector" */ -.example-class-selector { - margin-top: 2em; +body{ + background:#FFF; + color:#555; + font-family: Arial, Helvetica, sans-serif; + font-size:16px; + line-height:1.6em; + margin:0; } -/* applies to any

descendants of an element of class "example-class-selector" */ -.example-class-selector p { - /* Colors are in hexadecimal: http://www.colorpicker.com/ */ - color: #CC00AA; -} - -/* this style exists to make it obvious that you've successfully linked - the CSS to the page. feel free to remove it once the link is working. */ -body { - border: 1px dotted gray; - padding: 20px; -} +#main-header{ + text-align:center; + background-color:black; + color:white; + padding:8px; + } -.jumbotron { - position: relative; - background: none; +#main-footer{ + text-align:center; + font-size: 18px; } -.jumbotron:after { - content:""; - background: url("http://lorempixel.com/1140/283"); - opacity: 0.2; - top: 0; - left: 0; - bottom: 0; - right: 0; - position: absolute; - z-index: -1; -} +#my-image{ + align-self:right; +} \ No newline at end of file diff --git a/static/images/my_pic.JPG b/static/images/my_pic.JPG new file mode 100644 index 000000000..107a32f29 Binary files /dev/null and b/static/images/my_pic.JPG differ diff --git a/static/index.html b/static/index.html index 07b07319c..896192bbf 100755 --- a/static/index.html +++ b/static/index.html @@ -1,81 +1,84 @@ - - + - HCI Project Portfolio - - - - - - - + HTML Website + + + -

- - -
-

Scott Klemmer

-

human-computer interaction · social computing · crowdsourcing

-
- - -

Projects

- - - -
- - Lorem Pixel image -

Waiting in Line

- -
-
- - Lorem Pixel image -

Needfinding

- -
-
- - Lorem Pixel image -

Prototyping

- -
-
- - Lorem Pixel image -

Heuristic Evaluation

- -
-
- - Lorem Pixel image -

Visualization

- -
-
- - Lorem Pixel image -

Social design

- -
-
- - Lorem Pixel image -

Gestural interaction

- -
-
- - Lorem Pixel image -

Design tools

- -
-
+
+

Jialun Sun's Website

+
+ + + Go to LinkedIn + + + + + +
+
+

Experience

+
Instructional Apprenticeship at the Department of Cognitive Science UCSD
+ Oct 2020 ~ Dec 2020 +

Teaching leading discussions, grading, formulating exam questions, attending meetings and lectures, and holding office hours.

+ +
+
Assistant Director at Shanghai Media Group 7/1/2019 ~ 7/26/2019
+ 7/1/2019 ~ 7/26/2019 +

+ During the term of the internship, collecting content from previous recordings and incorporating them into new documentaries. In addition to that, I worked as a translator to add English subtitles to a documentary from BBC. + +

+ +
+ +
+

Education

+

+ University of California, San Diego (UCSD) B.S. Cognitive Science with spec in Design & Interaction

+ [GPA: 3.65/4.0 | Expected Graduation: June 2022] + +
+ +
+

Skills

+

Programming language(Proficient):Pythpn

+

Programming language(Familiar):MATLAB,Java, HTML/CSS, SQL

+

Graphic User Interface: Tkinter

+

Prototype: Paper prototype, Low-fidelity mock-ups

+

Graphic User Interface: Tkinter

+

Web Development: Ajax, JSON

+

UX Research: A/B testing

+ +
+ +
+

Award

+ -June 2020 +

Provost Honor for student with Excellent Standingat University of California, San Diego

+ + + +
+ + +
+ + + + - +