RyanGoodwill/web_assignment
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

将首页设置为动态加载；配置样式

Browse Source
This commit is contained in:
高子兴 2024-07-14 13:57:09 +08:00
parent 475a6f77cf
commit a5f7340587
2 changed files with 44 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/main/webapp/index.xhtml
View File

@ -3,46 +3,55 @@
<html xmlns="http://www.w3.org/1999/xhtml" <html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:f="http://xmlns.jcp.org/jsf/core">
>
<f:view> <f:view>
<h:head> <h:head>
<title>Home - My Portfolio</title> <title>User Information - My Portfolio</title>
<h:outputStylesheet library="css" name="styles.css"/> <h:outputStylesheet library="css" name="styles.css"/>
</h:head> </h:head>
<h:body> <h:body>
<ui:include src="header.xhtml"/> <ui:include src="header.xhtml"/>
<h:form>
<main> <main>
<section id="about-me"> <h:form id="userInfoForm">
<h1>About Me</h1> <section id="user-info">
<p>Hello! I'm Ryan Goodwill, a passionate programmer. I'm interested in various AI models and their <!-- <h1>User Information</h1>-->
applications, Raspberry Pi projects, playing the piano, playing tennis, and cycling.</p> <h2>
<p>I have experience in programming since elementary school, initially starting with Pascal and later mastering <h:outputText value="#{projectBean.userInfo.name}"/>
C++ and Python. My project experiences include developing a novel network novel crawler and a mental abacus </h2>
calculation practice tool using Python during high school.</p> <div class="detail-item">
<p>During my university studies, I learned Java and accomplished an assignment about a project management system <p>
named "Cloud Factory Management". In my Android course, I developed In my Android course, I developed a <strong>Introduction:</strong>
weather forecast application.</p> <h:outputText value="#{projectBean.userInfo.introduction}"/>
<p>To understand some communication technologies, I developed a simple protocol and corresponding </p>
drivers for infrared communication using a Raspberry Pi with Python. I also created a plant care box for the </div>
Raspberry Pi, which utilizes sensors to maintain a stable environment for plants through control of a fan, <div class="detail-item">
stepper motor, and water pump. Additionally, I used Django to build a simple control webpage with features <p>
for remote hardware control and RTMP video streaming to monitor plants remotely.</p> <strong>Interests:</strong>
<p>Recently, I have locally deployed and tested multiple Large Language Models (LLM) projects, including <h:outputText value="#{projectBean.userInfo.interests}"/>
ChatGLM-6B, llama2, llama3, ChatGLM3-6B, Qwen1, Qwen1.5, Qwen2, Phi3-mini, and several versions of Stable </p>
Diffusion for AI image generation projects. I have also worked on AI voice synthesis projects such as </div>
so-vits-svc and GPT-SoVITS.</p> <div class="detail-item">
<p>Currently, I am working on a project that allows me to download videos from user-specified websites, perform <p>
OCR and ASR locally, correct errors, vectorize the data into SVG, and store it for local LLM queries.</p> <strong>Experiences:</strong>
<p>Skills: Programming in Python, C++, Java, and Pascal; Web development using Django; Raspberry Pi project <h:outputText value="#{projectBean.userInfo.experiences}"/>
design and implementation; AI model experimentation and application; Sensor integration and control system </p>
development; Remote hardware control and video streaming; Communication protocol development.</p> </div>
<p>Career Goal: To work in an internet company for a few years before starting my own business.</p> <div class="detail-item">
<p>
<strong>Skills:</strong>
<h:outputText value="#{projectBean.userInfo.skills}"/>
</p>
</div>
<div class="detail-item">
<p>
<strong>Career Goals:</strong>
<h:outputText value="#{projectBean.userInfo.careerGoals}"/>
</p>
</div>
</section> </section>
</main>
</h:form> </h:form>
<p>Click <h:link value="here" outcome="project"/> to go to the project page</p>
</main>
<ui:include src="footer.xhtml"/> <ui:include src="footer.xhtml"/>
</h:body> </h:body>
</f:view> </f:view>

2
src/main/webapp/resources/css/styles.css
View File

@ -162,7 +162,7 @@ footer {
background-color: #f0f0f0; background-color: #f0f0f0;
} }
#project-details { #project-details,#user-info {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f9f9f9; background-color: #f9f9f9;
padding: 20px; padding: 20px;