Skip to content

Commit

Permalink
update experience
Browse files Browse the repository at this point in the history
  • Loading branch information
ben99933 committed Apr 27, 2024
1 parent b72779d commit 05869d3
Show file tree
Hide file tree
Showing 5 changed files with 28 additions and 9 deletions.
2 changes: 1 addition & 1 deletion src/assets/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -1763,7 +1763,7 @@
* PORTFOLIO
*/

.project-list { grid-template-columns: repeat(3, 1fr); }
.project-list { grid-template-columns: repeat(2, 1fr); }



Expand Down
2 changes: 1 addition & 1 deletion src/assets/css/tailwind.css

Large diffs are not rendered by default.

9 changes: 7 additions & 2 deletions src/components/pages/about/content/experience.vue
Original file line number Diff line number Diff line change
Expand Up @@ -50,9 +50,14 @@ const timeLineContest:TimeLine = new TimeLine("Contest","fa-solid fa-award")
"Honorable Mention Award"
))
.addItem(new TimeLineItem(
"Collegiate Programming Examination 2023 April",
"Rank 7.8%",
"Collegiate Programming Examination 2024 April",
"Problem Sovled 6/7",
"Rank 3%"
))
// .addItem(new TimeLineItem(
// "Collegiate Programming Examination 2023 April",
// "Rank 7.8%",
// ))
.addItem(new TimeLineItem(
"International ICT Innovative Services Awards 2023",
"Finalist"
Expand Down
14 changes: 9 additions & 5 deletions src/components/pages/about/content/portfolio.vue
Original file line number Diff line number Diff line change
Expand Up @@ -36,12 +36,12 @@
<ul class="project-list">
<li class="project-item active" data-filter-item data-category="web development" v-for="item in getRenderProjectItems" :key="item.value.name" >
<a :href="item.value.link" target="_blank">
<figure class="project-img">
<figure class="project-img max-h-40 min-h-40 object-cover ">
<div class="project-item-icon-box">
<font-awesome-icon :icon="['fas', 'magnifying-glass']" size="xl" style="color: #74C0FC;" />
</div>
<div class=" max-h-40 min-h-40">
<img :src="item.value.iconURL" alt="" loading="lazy">
<div class="">
<img :src="item.value.iconURL" alt="" loading="lazy" class="">
</div>

</figure>
Expand All @@ -55,7 +55,9 @@
v-for="technique in item.value.techniques" :key="technique">
{{technique}}
</span> -->

</div>

</a>
</li>
</ul>
Expand All @@ -69,14 +71,16 @@ import {ProjectCategory, ProjectItem} from "@/utils/ProjectItem";
function getCategoriesStrings(categorires:Set<ProjectCategory>){
function getCategoriesStrings(categories:Set<ProjectCategory>){
let array:string[] = [];
categorires.forEach((category:ProjectCategory)=>{
categories.forEach((category:ProjectCategory)=>{
array.push(category.name);
});
return array;
}
const categoryWebDevelopment = new ProjectCategory("Web development");
const categoryMachineLearnging = new ProjectCategory("Machine Learning");
const categoryTools = new ProjectCategory("Tools");
Expand Down
10 changes: 10 additions & 0 deletions src/utils/ProjectItem.ts
Original file line number Diff line number Diff line change
@@ -1,17 +1,25 @@

export class ProjectCategory{
private _name:string;
public static categories:ProjectCategory[] =[];
constructor(name:string){
this._name = name;
}
public get name(){return this._name;}
static getCategoryFromString(name:string){
for(let i = 0;i<this.categories.length;i++){
if(this.categories[i].name==name)return this.categories[i];
}
return null;
}
}
export class ProjectItem{
private _name:string;
private _categories:Set<ProjectCategory>;
private _iconSrc:string = this.defaultIcon;
private _link:string = "#";
private _techniques: string[] = [];
private _descriptions:string[] = [];
public display:boolean = true;
constructor(name:string){
this._name = name;
Expand Down Expand Up @@ -46,4 +54,6 @@ export class ProjectItem{
public get iconURL(){
return new URL(`../assets/images/projects/${this.iconSrc}`, import.meta.url).href;
}
public get descriptions(){return this._descriptions;}

}

0 comments on commit 05869d3

Please sign in to comment.