-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (70 loc) · 7.37 KB
/
index.html
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title>jinfeng jiang</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style_skill.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="header">
<div id="intro">
<img src="photo.jpg" alt="Your Photo" id="profile-photo">
<h1 id="title">
hi! i'm windy.
</h1>
<div id="top-links">
<h4 class="subtitle">pronouns: she/they/he.</h4>
</div>
<h4>I'm a second year student in the Mathematics department at the University of Waterloo.</h4>
<ul class="list-group">
<li><strong>Languages:</strong> JavaScript, C, CSS, HTML, SQL, Python, R, Racket </li>
<li><strong>Skills:</strong> Node.js, Express.js, Bootstrap, Flask, Pandas, MS Office </li>
<li><strong>Tools:</strong> Git, Mongodb, Sqlite, Mailgun, ASPscheduler, Selenium </li>
</ul>
</div>
<div id="main-links">
<a class="main-links" target="_blank" href="https://drive.google.com/file/d/119Ow3f1o34Dvd5puz-HY66x83D4tnEtK/view?usp=sharing">CV</a>
<a class="main-links" href="https://jiangjinfeng.com/failure">Failure Resume</a>
<!-- <a class="main-links" href="/papers">publications / writing</a> -->
</div>
</div>
<!-- 项目简介 -->
<div id="projects">
<div class="project">
<h2>Secret Blog</h2>
<img src="project1.jpg" alt="Project 1" width="555" height="200">
<p>Develop a user-friendly blog website, utilizing HTML, CSS, and Bootstrap for front-end development, Python with Flask for back-end development, and SQLite for efficient data management. The project included implementing essential features such as user registration, authentication, account management, blog browsing, and personal blog administration.</p>
<a href="https://github.com/JackJiang0324/secret_blog" target="_blank"><button>View</button></a>
</div>
<div class="project">
<h2>Exchange Rate Alert</h2>
<img src="project2.jpg" alt="Project 2" width="555" height="200">
<p>Led the development of an automated exchange rate alert platform, utilizing HTML, CSS, and Bootstrap for front-end, Python with Flask for back-end, MongoDB for database storage, Pandas for data scraping of exchange rates from the Bank of China, and APScheduler with Mailgun for scheduled email notifications, allowing users to register, log in, set desired currency pairs and exchange rates, and receive timely email notifications when the exchange rate meets specified criteria</p>
<a href="https://github.com/JackJiang0324/currency_reminder" target="_blank"><button>View</button></a>
</div>
<!-- 在这里继续添加项目 -->
<div class="project">
<h2>Weather APP</h2>
<img src="project3.jpg" alt="Project 3" width="555" height="200">
<p>Use react ,javascript and css to create a user interface that updates the image every time it is refreshed. Send a GET request with openweather API for weather data via axios. User can input location and get the current weather data</p>
<a href="https://github.com/JackJiang0324/weather_app" target="_blank"><button>View</button></a>
</div>
<!-- 在这里继续添加项目 -->
</div>
<footer>
<div id="socials">
<a class="socials" target="_blank" href="https://www.linkedin.com/in/windy-jiang-a32390288/"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a class="socials" target="_blank" href="https://twitter.com/JinfengJia40093"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg></a>
<!--<a class="socials" target="_blank" href="https://scholar.google.com/citations?user=fi2JfiYAAAAJ&hl=en"><?xml version="1.0" ?><svg id="Icons" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:#FFFFFF;}</style><g><path d="M31,26c-0.6,0-1-0.4-1-1V12c0-0.6,0.4-1,1-1s1,0.4,1,1v13C32,25.6,31.6,26,31,26z"/></g><g><path d="M16,21c-0.2,0-0.3,0-0.5-0.1l-15-8C0.2,12.7,0,12.4,0,12s0.2-0.7,0.5-0.9l15-8c0.3-0.2,0.6-0.2,0.9,0l15,8 c0.3,0.2,0.5,0.5,0.5,0.9s-0.2,0.7-0.5,0.9l-15,8C16.3,21,16.2,21,16,21z"/></g><path d="M17.4,22.6C17,22.9,16.5,23,16,23s-1-0.1-1.4-0.4L6,18.1V22c0,3.1,4.9,6,10,6s10-2.9,10-6v-3.9L17.4,22.6z"/></svg></a> -->
<a class="socials" target="_blank" href="https://github.com/JackJiang0324"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
<a class="socials" target="_blank" href="mailto:[email protected]"><?xml version="1.0" ?><?xml version="1.0" ?><svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><path d="M21,4H3C2.447,4,2,4.448,2,5v14c0,0.552,0.447,1,1,1h18c0.553,0,1-0.448,1-1V5C22,4.448,21.553,4,21,4z M5.414,12L2,8.586 V19h20V8.586L18.586,12L17,10.414L12,15.414L7,10.414L5.414,12z M21,6.414L18.586,9L21,11.414L23.414,9L21,6.414z M4,7.414L6.414,10 L4,12.586L1.586,10L4,7.414z M22,17H2V9.586l7,6.999L22,9.586V17z"/></g></g></svg></a>
</div>
<p>© Jinfeng Jiang</p>
</footer>
<div class="content">
<!-- 这里是你的内容 -->
</div>
</body>
</html>