")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
diff --git a/pages/skills.templ b/pages/skills.templ
deleted file mode 100644
index 279c73b..0000000
--- a/pages/skills.templ
+++ /dev/null
@@ -1,68 +0,0 @@
-package pages
-
-import "github.com/bakyazi/gotemplresume/dto"
-import "github.com/bakyazi/gotemplresume/pages/components"
-
-templ Skills(r dto.Resume) {
- @Base(){
-
-
-
-
Programming Languages
-
- for _, pl := range r.Skills.ProgrammingLanguages {
-
- {pl.Name}
- @components.Rating(int(pl.Rank))
-
- }
-
-
-
-
Frameworks
-
- for _, pl := range r.Skills.Frameworks {
-
- {pl.Name}
- @components.Rating(int(pl.Rank))
-
- }
-
-
-
-
Operating Systems
-
- for _, pl := range r.Skills.OperatingSystems {
-
- {pl.Name}
- @components.Rating(int(pl.Rank))
-
- }
-
-
-
-
CI/CD
-
- for _, pl := range r.Skills.CiCd {
-
- {pl.Name}
- @components.Rating(int(pl.Rank))
-
- }
-
-
-
-
Tools
-
- for _, pl := range r.Skills.Tools {
-
- {pl.Name}
- @components.Rating(int(pl.Rank))
-
- }
-
-
-
-
- }
-}
\ No newline at end of file
diff --git a/pages/skills_templ.go b/pages/skills_templ.go
deleted file mode 100644
index e2c2c50..0000000
--- a/pages/skills_templ.go
+++ /dev/null
@@ -1,188 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.543
-package pages
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import "context"
-import "io"
-import "bytes"
-
-import "github.com/bakyazi/gotemplresume/dto"
-import "github.com/bakyazi/gotemplresume/pages/components"
-
-func Skills(r dto.Resume) templ.Component {
- return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
- templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
- if !templ_7745c5c3_IsBuffer {
- templ_7745c5c3_Buffer = templ.GetBuffer()
- defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
- }
- ctx = templ.InitializeContext(ctx)
- templ_7745c5c3_Var1 := templ.GetChildren(ctx)
- if templ_7745c5c3_Var1 == nil {
- templ_7745c5c3_Var1 = templ.NopComponent
- }
- ctx = templ.ClearChildren(ctx)
- templ_7745c5c3_Var2 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
- templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
- if !templ_7745c5c3_IsBuffer {
- templ_7745c5c3_Buffer = templ.GetBuffer()
- defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
Programming Languages ")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- for _, pl := range r.Skills.ProgrammingLanguages {
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- var templ_7745c5c3_Var3 string
- templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(pl.Name)
- if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/skills.templ`, Line: 14, Col: 36}
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- templ_7745c5c3_Err = components.Rating(int(pl.Rank)).Render(ctx, templ_7745c5c3_Buffer)
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
Frameworks ")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- for _, pl := range r.Skills.Frameworks {
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- var templ_7745c5c3_Var4 string
- templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(pl.Name)
- if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/skills.templ`, Line: 25, Col: 36}
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- templ_7745c5c3_Err = components.Rating(int(pl.Rank)).Render(ctx, templ_7745c5c3_Buffer)
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
Operating Systems ")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- for _, pl := range r.Skills.OperatingSystems {
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- var templ_7745c5c3_Var5 string
- templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(pl.Name)
- if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/skills.templ`, Line: 36, Col: 36}
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- templ_7745c5c3_Err = components.Rating(int(pl.Rank)).Render(ctx, templ_7745c5c3_Buffer)
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
CI/CD ")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- for _, pl := range r.Skills.CiCd {
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- var templ_7745c5c3_Var6 string
- templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(pl.Name)
- if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/skills.templ`, Line: 47, Col: 36}
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- templ_7745c5c3_Err = components.Rating(int(pl.Rank)).Render(ctx, templ_7745c5c3_Buffer)
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
Tools ")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- for _, pl := range r.Skills.Tools {
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- var templ_7745c5c3_Var7 string
- templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(pl.Name)
- if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/skills.templ`, Line: 58, Col: 36}
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- templ_7745c5c3_Err = components.Rating(int(pl.Rank)).Render(ctx, templ_7745c5c3_Buffer)
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- }
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
")
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- if !templ_7745c5c3_IsBuffer {
- _, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
- }
- return templ_7745c5c3_Err
- })
- templ_7745c5c3_Err = Base().Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
- if templ_7745c5c3_Err != nil {
- return templ_7745c5c3_Err
- }
- if !templ_7745c5c3_IsBuffer {
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
- }
- return templ_7745c5c3_Err
- })
-}
diff --git a/resources/cv.pdf b/resources/cv.pdf
index dfaf24b..75dd97d 100644
Binary files a/resources/cv.pdf and b/resources/cv.pdf differ
diff --git a/resources/global.css b/resources/global.css
index aba15f3..a0d7aeb 100644
--- a/resources/global.css
+++ b/resources/global.css
@@ -4,7 +4,7 @@
@layer components {
.site-container {
- @apply max-w-2xl mx-auto px-6 font-mono py-24
+ @apply max-w-4xl mx-auto px-6 font-mono py-24
}
.site-3xl-container {
@@ -69,19 +69,6 @@
@apply mr-2
}
- /* Skills */
- .skills-container {
- @apply grid grid-cols-3 gap-4 place-content-end pt-4
- }
-
- .rate-card {
- @apply basis-1/3 flex flex-col justify-center
- }
-
- .skills-section {
- @apply pb-5
- }
-
/* Timeline */
.timeline {
diff --git a/resources/output.css b/resources/output.css
index 3226d21..2ff470c 100644
--- a/resources/output.css
+++ b/resources/output.css
@@ -547,7 +547,7 @@ video {
.site-container {
margin-left: auto;
margin-right: auto;
- max-width: 42rem;
+ max-width: 56rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 6rem;
@@ -735,27 +735,6 @@ video {
margin-right: 0.5rem;
}
-/* Skills */
-
-.skills-container {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- place-content: end;
- gap: 1rem;
- padding-top: 1rem;
-}
-
-.rate-card {
- display: flex;
- flex-basis: 33.333333%;
- flex-direction: column;
- justify-content: center;
-}
-
-.skills-section {
- padding-bottom: 1.25rem;
-}
-
/* Timeline */
.timeline {
@@ -938,10 +917,6 @@ video {
display: flex;
}
-.grid {
- display: grid;
-}
-
.h-11 {
height: 2.75rem;
}
@@ -958,14 +933,14 @@ video {
width: 100%;
}
-.max-w-2xl {
- max-width: 42rem;
-}
-
.max-w-3xl {
max-width: 48rem;
}
+.max-w-4xl {
+ max-width: 56rem;
+}
+
.flex-auto {
flex: 1 1 auto;
}
@@ -978,18 +953,10 @@ video {
flex-grow: 1;
}
-.basis-1\/3 {
- flex-basis: 33.333333%;
-}
-
.cursor-pointer {
cursor: pointer;
}
-.grid-cols-3 {
- grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
.flex-row {
flex-direction: row;
}
@@ -998,10 +965,6 @@ video {
flex-direction: column;
}
-.place-content-end {
- place-content: end;
-}
-
.items-center {
align-items: center;
}
@@ -1014,10 +977,6 @@ video {
justify-content: space-between;
}
-.gap-4 {
- gap: 1rem;
-}
-
.rounded-full {
border-radius: 9999px;
}
diff --git a/resources/resume.json b/resources/resume.json
index bbbcf41..c542bdf 100644
--- a/resources/resume.json
+++ b/resources/resume.json
@@ -65,92 +65,5 @@
"location": "Ümitköy Anatolian High School",
"description": "There is nothing to say so much. It was an ordinary school but I have good memories there."
}
- ],
- "skills": {
- "programmingLanguages": [
- {
- "name": "Golang",
- "rank": 4.5,
- "key": "golang"
- },
- {
- "name": "Java",
- "rank": 4.5,
- "key": "java"
- },
- {
- "name": "Python",
- "rank": 4.0,
- "key": "python"
- },
- {
- "name": "JavaScript",
- "rank": 3.5,
- "key": "javascript"
- }
- ],
- "frameworks": [
- {
- "name": "Spring",
- "rank": 3.5,
- "key": "spring"
- },
- {
- "name": "React",
- "rank": 3,
- "key": "react"
- },
- {
- "name": "Vue",
- "rank": 2,
- "key": "vue"
- }
- ],
- "operatingSystems": [
- {
- "name": "Ubuntu",
- "rank": 4.5,
- "key": "ubuntu"
- },
- {
- "name": "CentOS",
- "rank": 4,
- "key": "centos"
- },
- {
- "name": "MacOS",
- "rank": 3.5,
- "key": "macos"
- }
- ],
- "ciCd": [
- {
- "name": "Jenkins",
- "rank": 3.5,
- "key": "jenkins"
- },
- {
- "name": "TravisCI",
- "rank": 2,
- "key": "travisci"
- }
- ],
- "tools": [
- {
- "name": "JIRA",
- "rank": 5,
- "key": "jira"
- },
- {
- "name": "Bitbucket",
- "rank": 5,
- "key": "bitbucket"
- },
- {
- "name": "GitHub",
- "rank": 5,
- "key": "github"
- }
- ]
- }
+ ]
}
\ No newline at end of file
diff --git a/router/router.go b/router/router.go
index 6df09a0..9f987be 100644
--- a/router/router.go
+++ b/router/router.go
@@ -15,7 +15,6 @@ func Init(e *echo.Echo) {
router := &Router{}
e.Static("/resources", "resources")
e.GET("/", router.Home)
- e.GET("/skills", router.Skills)
e.GET("/resume", router.Resume)
}
@@ -23,25 +22,6 @@ func (r *Router) Home(c echo.Context) error {
return pages.Home().Render(c.Request().Context(), c.Response().Writer)
}
-func (r *Router) Skills(c echo.Context) error {
-
- resumeFile, err := os.Open("resources/resume.json")
- if err != nil {
- return err
- }
- defer resumeFile.Close()
-
- resumeDecoder := json.NewDecoder(resumeFile)
-
- var resume dto.Resume
-
- err = resumeDecoder.Decode(&resume)
- if err != nil {
- return err
- }
- return pages.Skills(resume).Render(c.Request().Context(), c.Response().Writer)
-}
-
func (r *Router) Resume(c echo.Context) error {
resumeFile, err := os.Open("resources/resume.json")
diff --git a/styles/output.css b/styles/output.css
deleted file mode 100644
index 3226d21..0000000
--- a/styles/output.css
+++ /dev/null
@@ -1,1364 +0,0 @@
-/*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
-*/
-
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
- box-sizing: border-box;
- /* 1 */
- border-width: 0;
- /* 2 */
- border-style: solid;
- /* 2 */
- border-color: #e5e7eb;
- /* 2 */
-}
-
-::before,
-::after {
- --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
- line-height: 1.5;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
- -moz-tab-size: 4;
- /* 3 */
- -o-tab-size: 4;
- tab-size: 4;
- /* 3 */
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- /* 4 */
- font-feature-settings: normal;
- /* 5 */
- font-variation-settings: normal;
- /* 6 */
- -webkit-tap-highlight-color: transparent;
- /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
- margin: 0;
- /* 1 */
- line-height: inherit;
- /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
- height: 0;
- /* 1 */
- color: inherit;
- /* 2 */
- border-top-width: 1px;
- /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-size: inherit;
- font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
- color: inherit;
- text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
- font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- /* 1 */
- font-feature-settings: normal;
- /* 2 */
- font-variation-settings: normal;
- /* 3 */
- font-size: 1em;
- /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
- font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
- text-indent: 0;
- /* 1 */
- border-color: inherit;
- /* 2 */
- border-collapse: collapse;
- /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit;
- /* 1 */
- font-feature-settings: inherit;
- /* 1 */
- font-variation-settings: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- font-weight: inherit;
- /* 1 */
- line-height: inherit;
- /* 1 */
- color: inherit;
- /* 1 */
- margin: 0;
- /* 2 */
- padding: 0;
- /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
- text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
- -webkit-appearance: button;
- /* 1 */
- background-color: transparent;
- /* 2 */
- background-image: none;
- /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
- outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
- box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
- vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
- height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
- display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
- margin: 0;
-}
-
-fieldset {
- margin: 0;
- padding: 0;
-}
-
-legend {
- padding: 0;
-}
-
-ol,
-ul,
-menu {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-
-dialog {
- padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
- resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::-moz-placeholder, textarea::-moz-placeholder {
- opacity: 1;
- /* 1 */
- color: #9ca3af;
- /* 2 */
-}
-
-input::placeholder,
-textarea::placeholder {
- opacity: 1;
- /* 1 */
- color: #9ca3af;
- /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
- cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-
-:disabled {
- cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
- This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
- display: block;
- /* 1 */
- vertical-align: middle;
- /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
- max-width: 100%;
- height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-
-[hidden] {
- display: none;
-}
-
-*, ::before, ::after {
- --tw-border-spacing-x: 0;
- --tw-border-spacing-y: 0;
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow: 0 0 #0000;
- --tw-ring-shadow: 0 0 #0000;
- --tw-shadow: 0 0 #0000;
- --tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
-}
-
-::backdrop {
- --tw-border-spacing-x: 0;
- --tw-border-spacing-y: 0;
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow: 0 0 #0000;
- --tw-ring-shadow: 0 0 #0000;
- --tw-shadow: 0 0 #0000;
- --tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
-}
-
-.site-container {
- margin-left: auto;
- margin-right: auto;
- max-width: 42rem;
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-top: 6rem;
- padding-bottom: 6rem;
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-.site-3xl-container {
- margin-left: auto;
- margin-right: auto;
- max-width: 48rem;
-}
-
-/* headers */
-
-.header {
- position: fixed;
- right: 0px;
- left: 0px;
- top: 0px;
- z-index: 50;
- width: 100%;
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.header-nav {
- display: flex;
- height: 3rem;
- cursor: pointer;
- justify-content: space-between;
- text-align: center;
-}
-
-.header-item {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- justify-content: center;
- border-radius: 0.75rem;
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-.header-item:hover {
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- --tw-bg-opacity: 0.3;
- --tw-text-opacity: 1;
- color: rgb(14 116 144 / var(--tw-text-opacity));
-}
-
-.item-location {
- font-size: 1.25rem;
- line-height: 1.75rem;
- font-weight: 700;
- --tw-text-opacity: 1;
- color: rgb(14 116 144 / var(--tw-text-opacity));
-}
-
-.item-title {
- font-size: 1.125rem;
- line-height: 1.75rem;
- --tw-text-opacity: 1;
- color: rgb(8 145 178 / var(--tw-text-opacity));
-}
-
-/* icons */
-
-.social-container {
- display: flex;
- flex-direction: column;
-}
-
-@media (min-width: 768px) {
- .social-container {
- flex-direction: row;
- }
-}
-
-.social-icons {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- display: flex;
- flex: none;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-@media (min-width: 768px) {
- .social-icons {
- position: relative;
- flex-direction: column;
- justify-content: flex-start;
- }
-
- .social-icons > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 0;
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
- }
-
- .social-icons::before {
- position: absolute;
- right: 0px;
- height: 100%;
- width: 1px;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- --tw-bg-opacity: 0.6;
- content: var(--tw-content);
- transition-timing-function: linear;
- }
-}
-
-.social-icon {
- display: flex;
- height: 2.75rem;
- width: 2.75rem;
- cursor: pointer;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- border-radius: 9999px;
- text-align: center;
- font-size: 1.5rem;
- line-height: 2rem;
- --tw-text-opacity: 1;
- color: rgb(14 116 144 / var(--tw-text-opacity));
-}
-
-.social-icon:hover {
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- --tw-bg-opacity: 0.3;
-}
-
-.contact-form {
- flex: 1 1 auto;
-}
-
-.contact-form-field {
- position: relative;
- margin-top: 1.25rem;
- margin-bottom: 1.25rem;
-}
-
-.contact-form-label {
- position: absolute;
- left: 1.25rem;
- top: -0.75rem;
- display: inline-block;
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- padding-left: 0.5rem;
- padding-right: 0.5rem;
-}
-
-.contact-form-input {
- width: 100%;
- border-radius: 0.5rem;
- border-width: 2px;
- border-style: solid;
- --tw-border-opacity: 1;
- border-color: rgb(14 116 144 / var(--tw-border-opacity));
- padding-left: 0.5rem;
- padding-top: 0.5rem;
- line-height: 2rem;
-}
-
-.contact-form-button {
- display: inline-block;
- border-radius: 0.5rem;
- border-width: 2px;
- padding-left: 1rem;
- padding-right: 1rem;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- font-size: 1.125rem;
- line-height: 1.75rem;
- --tw-text-opacity: 1;
- color: rgb(14 116 144 / var(--tw-text-opacity));
-}
-
-.button-icon {
- margin-right: 0.5rem;
-}
-
-/* Skills */
-
-.skills-container {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- place-content: end;
- gap: 1rem;
- padding-top: 1rem;
-}
-
-.rate-card {
- display: flex;
- flex-basis: 33.333333%;
- flex-direction: column;
- justify-content: center;
-}
-
-.skills-section {
- padding-bottom: 1.25rem;
-}
-
-/* Timeline */
-
-.timeline {
- padding-bottom: 0.75rem;
-}
-
-.timeline-title {
- position: relative;
- display: flex;
- padding-bottom: 0.5rem;
- font-size: 1.5rem;
- line-height: 2rem;
-}
-
-.timeline-title::before {
- position: absolute;
- bottom: 0px;
- height: 0.375rem;
- width: 33.333333%;
- border-radius: 0.5rem;
- --tw-bg-opacity: 1;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- content: var(--tw-content);
- transition-timing-function: linear;
-}
-
-.timeline-title::after {
- position: absolute;
- bottom: 0px;
- height: 0.375rem;
- width: 100%;
- border-radius: 0.5rem;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- --tw-bg-opacity: 0.6;
- content: var(--tw-content);
- transition-timing-function: linear;
-}
-
-.timeline-items {
- padding-top: 1rem;
-}
-
-.timeline-item {
- position: relative;
- display: flex;
- flex-direction: column;
- padding-left: 1.75rem;
- padding-bottom: 1.25rem;
-}
-
-@media (min-width: 768px) {
- .timeline-item {
- flex-direction: row;
- }
-}
-
-.timeline-item-time {
- position: relative;
- display: flex;
- width: 100%;
- flex-direction: row;
-}
-
-@media (min-width: 768px) {
- .timeline-item-time {
- width: 25%;
- flex-direction: column;
- }
-
- .timeline-item-time-start, .timeline-item-time-end {
- width: 100%;
- }
-}
-
-.timeline-item-time-seperator {
- display: inline;
-}
-
-@media (min-width: 768px) {
- .timeline-item-time-seperator {
- display: none;
- }
-}
-
-.timeline-item-detail {
- width: 100%;
- text-align: justify;
-}
-
-@media (min-width: 768px) {
- .timeline-item-detail {
- width: 75%;
- }
-}
-
-.timeline-item::before {
- position: absolute;
- height: 100%;
- width: 0.25rem;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- --tw-bg-opacity: 0.6;
- content: var(--tw-content);
- transition-timing-function: linear;
-}
-
-.timeline-item-time-start::after {
- position: absolute;
- height: 1rem;
- width: 1rem;
- border-radius: 9999px;
- content: var(--tw-content);
- --tw-bg-opacity: 1;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
-}
-
-.fixed {
- position: fixed;
-}
-
-.absolute {
- position: absolute;
-}
-
-.relative {
- position: relative;
-}
-
-.-top-3 {
- top: -0.75rem;
-}
-
-.left-0 {
- left: 0px;
-}
-
-.left-5 {
- left: 1.25rem;
-}
-
-.right-0 {
- right: 0px;
-}
-
-.top-0 {
- top: 0px;
-}
-
-.z-50 {
- z-index: 50;
-}
-
-.mx-2 {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-
-.mx-auto {
- margin-left: auto;
- margin-right: auto;
-}
-
-.my-5 {
- margin-top: 1.25rem;
- margin-bottom: 1.25rem;
-}
-
-.mr-2 {
- margin-right: 0.5rem;
-}
-
-.inline-block {
- display: inline-block;
-}
-
-.inline {
- display: inline;
-}
-
-.flex {
- display: flex;
-}
-
-.grid {
- display: grid;
-}
-
-.h-11 {
- height: 2.75rem;
-}
-
-.h-12 {
- height: 3rem;
-}
-
-.w-11 {
- width: 2.75rem;
-}
-
-.w-full {
- width: 100%;
-}
-
-.max-w-2xl {
- max-width: 42rem;
-}
-
-.max-w-3xl {
- max-width: 48rem;
-}
-
-.flex-auto {
- flex: 1 1 auto;
-}
-
-.flex-none {
- flex: none;
-}
-
-.grow {
- flex-grow: 1;
-}
-
-.basis-1\/3 {
- flex-basis: 33.333333%;
-}
-
-.cursor-pointer {
- cursor: pointer;
-}
-
-.grid-cols-3 {
- grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.flex-row {
- flex-direction: row;
-}
-
-.flex-col {
- flex-direction: column;
-}
-
-.place-content-end {
- place-content: end;
-}
-
-.items-center {
- align-items: center;
-}
-
-.justify-center {
- justify-content: center;
-}
-
-.justify-between {
- justify-content: space-between;
-}
-
-.gap-4 {
- gap: 1rem;
-}
-
-.rounded-full {
- border-radius: 9999px;
-}
-
-.rounded-lg {
- border-radius: 0.5rem;
-}
-
-.rounded-xl {
- border-radius: 0.75rem;
-}
-
-.border-2 {
- border-width: 2px;
-}
-
-.border-solid {
- border-style: solid;
-}
-
-.border-cyan-700 {
- --tw-border-opacity: 1;
- border-color: rgb(14 116 144 / var(--tw-border-opacity));
-}
-
-.bg-white {
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.px-2 {
- padding-left: 0.5rem;
- padding-right: 0.5rem;
-}
-
-.px-4 {
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-.px-6 {
- padding-left: 1.5rem;
- padding-right: 1.5rem;
-}
-
-.py-2 {
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
-}
-
-.py-24 {
- padding-top: 6rem;
- padding-bottom: 6rem;
-}
-
-.pb-2 {
- padding-bottom: 0.5rem;
-}
-
-.pb-3 {
- padding-bottom: 0.75rem;
-}
-
-.pb-5 {
- padding-bottom: 1.25rem;
-}
-
-.pl-2 {
- padding-left: 0.5rem;
-}
-
-.pl-7 {
- padding-left: 1.75rem;
-}
-
-.pt-2 {
- padding-top: 0.5rem;
-}
-
-.pt-4 {
- padding-top: 1rem;
-}
-
-.text-center {
- text-align: center;
-}
-
-.text-justify {
- text-align: justify;
-}
-
-.font-mono {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-.text-2xl {
- font-size: 1.5rem;
- line-height: 2rem;
-}
-
-.text-lg {
- font-size: 1.125rem;
- line-height: 1.75rem;
-}
-
-.text-xl {
- font-size: 1.25rem;
- line-height: 1.75rem;
-}
-
-.font-bold {
- font-weight: 700;
-}
-
-.leading-8 {
- line-height: 2rem;
-}
-
-.text-cyan-600 {
- --tw-text-opacity: 1;
- color: rgb(8 145 178 / var(--tw-text-opacity));
-}
-
-.text-cyan-700 {
- --tw-text-opacity: 1;
- color: rgb(14 116 144 / var(--tw-text-opacity));
-}
-
-.timeline-item::before {
- left: calc(8px - 2.5px);
- top: -1px;
-}
-
-.timeline-item-time-start::after {
- left: -28px;
- top: 5px;
-}
-
-.before\:absolute::before {
- content: var(--tw-content);
- position: absolute;
-}
-
-.before\:bottom-0::before {
- content: var(--tw-content);
- bottom: 0px;
-}
-
-.before\:h-1::before {
- content: var(--tw-content);
- height: 0.25rem;
-}
-
-.before\:h-1\.5::before {
- content: var(--tw-content);
- height: 0.375rem;
-}
-
-.before\:h-full::before {
- content: var(--tw-content);
- height: 100%;
-}
-
-.before\:w-1::before {
- content: var(--tw-content);
- width: 0.25rem;
-}
-
-.before\:w-1\/3::before {
- content: var(--tw-content);
- width: 33.333333%;
-}
-
-.before\:rounded-lg::before {
- content: var(--tw-content);
- border-radius: 0.5rem;
-}
-
-.before\:bg-cyan-700::before {
- content: var(--tw-content);
- --tw-bg-opacity: 1;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
-}
-
-.before\:bg-opacity-60::before {
- content: var(--tw-content);
- --tw-bg-opacity: 0.6;
-}
-
-.before\:ease-linear::before {
- content: var(--tw-content);
- transition-timing-function: linear;
-}
-
-.after\:absolute::after {
- content: var(--tw-content);
- position: absolute;
-}
-
-.after\:bottom-0::after {
- content: var(--tw-content);
- bottom: 0px;
-}
-
-.after\:h-1::after {
- content: var(--tw-content);
- height: 0.25rem;
-}
-
-.after\:h-1\.5::after {
- content: var(--tw-content);
- height: 0.375rem;
-}
-
-.after\:h-4::after {
- content: var(--tw-content);
- height: 1rem;
-}
-
-.after\:w-4::after {
- content: var(--tw-content);
- width: 1rem;
-}
-
-.after\:w-full::after {
- content: var(--tw-content);
- width: 100%;
-}
-
-.after\:rounded-full::after {
- content: var(--tw-content);
- border-radius: 9999px;
-}
-
-.after\:rounded-lg::after {
- content: var(--tw-content);
- border-radius: 0.5rem;
-}
-
-.after\:bg-cyan-700::after {
- content: var(--tw-content);
- --tw-bg-opacity: 1;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
-}
-
-.after\:bg-opacity-60::after {
- content: var(--tw-content);
- --tw-bg-opacity: 0.6;
-}
-
-.after\:ease-linear::after {
- content: var(--tw-content);
- transition-timing-function: linear;
-}
-
-.hover\:bg-cyan-700:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-opacity-30:hover {
- --tw-bg-opacity: 0.3;
-}
-
-.hover\:text-cyan-700:hover {
- --tw-text-opacity: 1;
- color: rgb(14 116 144 / var(--tw-text-opacity));
-}
-
-@media (min-width: 768px) {
- .md\:relative {
- position: relative;
- }
-
- .md\:hidden {
- display: none;
- }
-
- .md\:w-1\/4 {
- width: 25%;
- }
-
- .md\:w-3\/4 {
- width: 75%;
- }
-
- .md\:w-full {
- width: 100%;
- }
-
- .md\:flex-row {
- flex-direction: row;
- }
-
- .md\:flex-col {
- flex-direction: column;
- }
-
- .md\:justify-start {
- justify-content: flex-start;
- }
-
- .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 0;
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
- }
-
- .md\:before\:absolute::before {
- content: var(--tw-content);
- position: absolute;
- }
-
- .md\:before\:right-0::before {
- content: var(--tw-content);
- right: 0px;
- }
-
- .md\:before\:h-full::before {
- content: var(--tw-content);
- height: 100%;
- }
-
- .md\:before\:w-px::before {
- content: var(--tw-content);
- width: 1px;
- }
-
- .md\:before\:bg-cyan-700::before {
- content: var(--tw-content);
- --tw-bg-opacity: 1;
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
- }
-
- .md\:before\:bg-opacity-60::before {
- content: var(--tw-content);
- --tw-bg-opacity: 0.6;
- }
-
- .md\:before\:ease-linear::before {
- content: var(--tw-content);
- transition-timing-function: linear;
- }
-}
\ No newline at end of file
![\"sorry](\"resources/me.jpg\")