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

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

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

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

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