-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update experience and projects to use same template
Add work card and card body for reuse and to make it easier to have changes based on how old a thing is Signed-off-by: Shauna Gordon <shauna@shaunagordon.com>
- Loading branch information
1 parent
5834b2d
commit 0613a70
Showing
14 changed files
with
128 additions
and
96 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -70,7 +70,7 @@ export default { | |
| } | ||
| </script> | ||
|
|
||
| <style> | ||
| <style scoped> | ||
| .cardholder { | ||
| grid-auto-flow: row dense; | ||
| h3 { | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| <template> | ||
| <article :class="classes(isCurrent(item.endDate))"> | ||
| <header> | ||
| <h3>{{ item.name }}</h3> | ||
| <h4 v-if="item.entity">{{ item.entity }}</h4> | ||
| <h4 v-if="item.startDate"> | ||
| {{ item.startDate }} - {{ item.endDate || 'Current' }} | ||
| </h4> | ||
| <a v-if="item.source" :href="item.source" target="_blank"><i :class="getTechClass('git')"></i> <span>Source Code</span></a> | ||
| </header> | ||
| <WorkCardBody v-if="isCurrent(item.endDate)" :item="item" /> | ||
| <details v-else> | ||
| <summary>View Experience</summary> | ||
| <WorkCardBody :item="item" /> | ||
| </details> | ||
| </article> | ||
| </template> | ||
|
|
||
| <script setup> | ||
| import WorkCardBody from './WorkCardBody.vue'; | ||
| import { useDateUtils } from '../../mixins/dateUtils'; | ||
| const { isCurrent } = useDateUtils(); | ||
| import { useIcons } from '../../mixins/icons'; | ||
| const { getTechClass } = useIcons(); | ||
| const { item } = defineProps(['item']); | ||
| const classes = (current) => `card ${current ? '' : 'old'}`; | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <template> | ||
| <section v-if="item.highlights"> | ||
| <ul class="highlights"> | ||
| <li v-for="(item, i) in item.highlights" :key="i" v-html="fromInlineMarkdown(item)"> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| <section v-if="item.tech"> | ||
| <ul class="tech"> | ||
| <li v-for="(t, i) in item.tech" :key="i"><i :class="getTechClass(i)"></i> {{ t }}</li> | ||
| </ul> | ||
| </section> | ||
| <section v-if="item.description"> | ||
| <details> | ||
| <summary v-if="item.summary" v-html="fromMarkdown(item.summary)"></summary> | ||
| <summary v-else>More Information</summary> | ||
| <div v-html="fromMarkdown(item.description)"></div> | ||
| </details> | ||
| </section> | ||
| </template> | ||
|
|
||
| <script setup> | ||
| import { useIcons } from '../../mixins/icons'; | ||
| import { useMarkdown } from '../../mixins/markdown'; | ||
| const { getTechClass } = useIcons(); | ||
| const { fromMarkdown, fromInlineMarkdown } = useMarkdown(); | ||
| const { item } = defineProps(['item']); | ||
| </script> |
Oops, something went wrong.