Skip to content

Commit

Permalink
v1.2
Browse files Browse the repository at this point in the history 
update
  • Loading branch information
@xjcAlicia
xjcAlicia committed Oct 23, 2023
1 parent 0d6718f commit 8b20274
Show file tree
Hide file tree
Showing 3 changed files with 44 additions and 16 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
28 changes: 28 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,26 @@ a:hover{
}
}

#fh5co-started,
#fh5co-author,
#fh5co-work,
#fh5co-about,
#fh5co-contact,
#fh5co-footer {
padding: 7em 0;
clear: both;
}
@media screen and (max-width: 768px) {
#fh5co-started,
#fh5co-author,
#fh5co-work,
#fh5co-about,
#fh5co-contact,
#fh5co-footer {
padding: 3em 0;
}
}

.section {
background-color: #dbdcd2;
background-image: url(/images/bg.jpg);
Expand Down Expand Up @@ -192,6 +212,7 @@ a:hover{
}

/* about */

.aboutCard {
background-color: #fff;
width: 80%;
Expand All @@ -200,6 +221,12 @@ a:hover{
border-radius: 30px;
box-shadow: 0 8px 15px 0 rgba(109, 102, 74, 0.2);
}
/* @media screen and (max-width: 400px) {
.aboutCard{
width: 80%;
height: -100%;
}
} */

.author {
width: 100%;
Expand All @@ -216,6 +243,7 @@ a:hover{
height: 250px;
border-radius: 50%;
float: left;
margin-left: 10%;
}

@media screen and (max-width: 560px) {
Expand Down
32 changes: 16 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,13 @@
</ul>
<section id="fullpage">
<div class="section">
<div class="aboutCard">
<div class="aboutCard col-12">
<div class="title">About Me</div>
<div class="col-md-12 col-md-offset-1">
<div class="align-items-center">
<div class="author">
<div class="author-inner" style="background-image: url(images/aboutMe.jpg);">
<div class="author-inner col-md-3 col-sm-12" style="background-image: url(images/aboutMe.jpg);">
</div>
<div class="desc">
<div class="desc col-md-8 col-sm-12">
<h3>陳 筱靜</h3>
<span style="font-size: 14px;">喜歡運用程式與設計探索各種可能性</span>
<p style="font-size: 15px;">
Expand Down Expand Up @@ -124,10 +124,10 @@ <h2>UI / UX</h2>
</div>
<div class="container">
<div class="row top-line">
<div class="col-md-5">
<a href="https://www.behance.net/gallery/145811655/Ubereats-App-Redesign"><img src="images/ubereats.png" class="img-fluid" alt=""></a>
<div class="col-md-5 work-grid">
<a class="work" href="https://www.behance.net/gallery/145811655/Ubereats-App-Redesign" target="_blank"><img src="images/ubereats.png" class="img-fluid" alt=""></a>
</div>
<div class="col-md-5 text-left" style="margin-top: -2%;">
<div class="col-md-5 text-left desc col-sm-10" style="margin-top: -2%;">
<h2 style="font-size: 18px;">Ubereats App_Redesign</h2>
<p>以 iOS App 版本規範執行，針對當時版本操作盲點，以及訪談不同年齡層的使用體驗，分析並整理出使用者痛點，再以此出發，透過優化操作流程與更新整體介面，改善使用者體驗，讓 App 在使用上更貼切使用者需求。
</p>
Expand All @@ -140,14 +140,14 @@ <h3 style="font-size: small;">主要執行：</h3>
<li>Function Map 功能地圖、Flowchart 使用者流程圖</li>
</p>
</div>
<p style="margin-top: 5%;"><a href="https://www.behance.net/gallery/145811655/Ubereats-App-Redesign" class="btn-sm btn-primary">Visit Website</a></p>
<p style="margin-top: 5%;"><a href="https://www.behance.net/gallery/145811655/Ubereats-App-Redesign" target="_blank" class="btn-sm btn-primary">Visit Website</a></p>
</div>
</div>
<div class="row top-line">
<div class="col-md-5">
<a href="https://hestia.com.tw/"><img src="images/hestia.png" class="img-fluid" alt=""></a>
<div class="col-md-5 work-grid">
<a class="work" href="https://hestia.com.tw/" target="_blank"><img src="images/hestia.png" class="img-fluid" alt=""></a>
</div>
<div class="col-md-5 text-left" style="margin-top: -2%;">
<div class="col-md-5 text-left desc col-sm-10" style="margin-top: -2%;">
<h2 style="font-size: 18px;">Hestia赫思西亞_角色網頁</h2>
<p>網頁需求為介紹角色們，並同時能販售產品，除了希望網頁能活潑豐富，亦希望能吸引使用者，因此以大量角色圖片構成網頁，且方便客戶自行管理與上架網頁內容。
</p>
Expand All @@ -157,14 +157,14 @@ <h3 style="font-size: small;">主要工作內容：</h3>
將客戶需求規劃於網頁，規劃整體網頁架構與執行網頁介面設計，以及與前端工程師溝通，並測試網頁。
</p>
</div>
<p style="padding-top: 3%;"><a href="https://hestia.com.tw/" class="btn-sm btn-primary">Visit Website</a></p>
<p style="padding-top: 3%;"><a href="https://hestia.com.tw/" target="_blank" class="btn-sm btn-primary">Visit Website</a></p>
</div>
</div>
<div class="row top-line">
<div class="col-md-5">
<a href="https://peaquin.com.tw/series/"><img src="images/peaquin.png" class="img-fluid" alt=""></a>
<div class="col-md-5 work-grid">
<a class="work" href="https://peaquin.com.tw/series/" target="_blank"><img src="images/peaquin.png" class="img-fluid" alt=""></a>
</div>
<div class="col-md-5 text-left" style="margin-top: -2%;">
<div class="col-md-5 text-left desc col-sm-10" style="margin-top: -2%;">
<h2 style="font-size: 18px;">Peaquin皮寬_圖像IP授權網頁</h2>
<p>網頁為圖像授權，而角色較為活潑，客戶希望畫面可以呈現出豐富度，並讓使用者能快速了解此角色，且因是圖像授權，所以網頁以大量圖片構成，方便客戶能時常替換最新圖檔。
</p>
Expand All @@ -175,7 +175,7 @@ <h3 style="font-size: small;">主要工作內容：</h3>
</p>
</div>

<p style="padding-top: 3%;"><a href="https://peaquin.com.tw/series/" class="btn-sm btn-primary">Visit Website</a></p>
<p style="padding-top: 3%;"><a href="https://peaquin.com.tw/series/" target="_blank" class="btn-sm btn-primary">Visit Website</a></p>
</div>
</div>
</div>
Expand Down

0 comments on commit 8b20274

Please sign in to comment.