-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
97c2c6d
commit 138b530
Showing
15 changed files
with
3,854 additions
and
440 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,2 @@ | ||
| node_modules | ||
| site |
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 |
|---|---|---|
| @@ -1 +1,9 @@ | ||
| # hahha | ||
| # cssume | ||
|
|
||
| > Markdown theme style for resume | ||
| ## Features | ||
|
|
||
| ## Install | ||
|
|
||
| ## Usage |
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 |
|---|---|---|
| @@ -1,6 +1,191 @@ | ||
| .cssume body { | ||
| font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; | ||
| h1 { | ||
| height: 111px; | ||
| } | ||
| .cssume { | ||
| font-family: sans-serif; | ||
| font-weight: 300; | ||
| color: #323336; | ||
| font-size: 16px; | ||
| line-height: 1.5; | ||
| margin: 0 auto; | ||
| width: 580px; | ||
| -webkit-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| @media (max-width: 620px) { | ||
| .cssume { | ||
| width: auto; | ||
| margin: 0 20px; | ||
| } | ||
| } | ||
| .cssume a[title]::before { | ||
| content: ''; | ||
| height: 20px; | ||
| width: 20px; | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| margin-right: 10px; | ||
| } | ||
| .cssume a[title='github']::before { | ||
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' rx='50%' fill='#1B1817'/%3E%3Cpath fill='#fff' d='M335 499c14 0 12 17 12 17H165s-2-17 12-17c13 0 16-6 16-12l-1-50c-71 16-86-28-86-28-12-30-28-37-28-37-24-16 1-16 1-16 26 2 40 26 40 26 22 39 59 28 74 22 2-17 9-28 16-35-57-6-116-28-116-126 0-28 10-51 26-69-3-6-11-32 3-67 0 0 21-7 70 26 42-12 86-12 128 0 49-33 70-26 70-26 14 35 6 61 3 67 16 18 26 41 26 69 0 98-60 120-117 126 10 8 18 24 18 48l-1 70c0 6 3 12 16 12z'/%3E%3C/svg%3E"); | ||
| } | ||
| .cssume a[title=email]::before { | ||
| background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect width='512' height='512' rx='50%' fill='teal'/><rect width='356' height='256' x='78' y='128' fill='#fff' rx='8%'/><path fill='none' stroke='teal' stroke-width='20' d='M434 128L269 292c-7 8-19 8-26 0L78 128m0 256l129-128m227 128L305 256'/></svg>"); | ||
| } | ||
| .cssume a[title=website]::before { | ||
| background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect width='512' height='512' rx='50%' fill='#e8e9eb'/><path stroke='#3d515b' stroke-width='61' d='M101 134h187zm246 0h61zM101 257h310zm0 121h123zm187 0h123z'/></svg>"); | ||
| } | ||
| .cssume a[title=phone]::before { | ||
| background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='#fff'><rect width='512' height='512' rx='50%' fill='#45d354'/><path d='M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18'/><path d='M264 384c-41 0-72-22-72-22l-49 13 12-48s-20-31-20-70c0-72 59-132 132-132 68 0 126 53 126 127 0 72-58 131-129 132m-159 29l83-23a158 158 0 0 0 230-140c0-86-68-155-154-155a158 158 0 0 0-137 236'/></svg>"); | ||
| } | ||
| .cssume a[title=linkedin]::before { | ||
| background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='#fff'><rect width='512' height='512' rx='50%' fill='#0077b5'/><circle cx='142' cy='138' r='37'/><path stroke='#fff' stroke-width='66' d='M244 194v198M142 194v198'/><path d='M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32'/></svg>"); | ||
| } | ||
| .cssume h1, | ||
| .cssume h2 { | ||
| text-transform: uppercase; | ||
| } | ||
| .cssume h1, | ||
| .cssume h2, | ||
| .cssume h3 { | ||
| font-weight: 600; | ||
| line-height: 1; | ||
| margin: 0; | ||
| } | ||
| .cssume h1 { | ||
| height: 100px; | ||
| padding-top: 9px; | ||
| font-size: 30px; | ||
| letter-spacing: 1.3px; | ||
| margin-bottom: 45px; | ||
| } | ||
| .cssume p { | ||
| margin: 0 0 7px; | ||
| color: #96999b; | ||
| } | ||
| .cssume blockquote { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| .cssume blockquote > p { | ||
| color: #323336; | ||
| } | ||
| .cssume ul, | ||
| .cssume ol { | ||
| padding: 0; | ||
| list-style: none; | ||
| margin: 20px 0 0 0; | ||
| } | ||
| .cssume ul li { | ||
| margin-top: 10px; | ||
| } | ||
| .cssume ol::after { | ||
| content: ''; | ||
| display: table; | ||
| } | ||
| .cssume ol > li { | ||
| float: left; | ||
| margin-right: 20px; | ||
| margin-bottom: 12px; | ||
| } | ||
| .cssume ol a[title]::before { | ||
| margin-right: 6px; | ||
| } | ||
| .cssume hr { | ||
| border: none; | ||
| } | ||
| .cssume hr ~ p { | ||
| color: #323336; | ||
| } | ||
| .cssume hr ~ h3 { | ||
| margin-top: 60px; | ||
| } | ||
| .cssume hr ~ h2 + h3 { | ||
| margin-top: 0; | ||
| } | ||
| .cssume hr ~ ul, | ||
| .cssume hr ~ ol { | ||
| padding-left: 35px; | ||
| list-style: disc; | ||
| } | ||
| .cssume hr ~ ul li, | ||
| .cssume hr ~ ol li { | ||
| margin-top: 4px; | ||
| } | ||
| .cssume hr ~ * a { | ||
| text-decoration: underline; | ||
| content: none !important; | ||
| } | ||
| .cssume h2 { | ||
| margin-top: 72px; | ||
| margin-bottom: 36px; | ||
| color: #c9cccf; | ||
| font-size: 12px; | ||
| } | ||
| .cssume h2, | ||
| .cssume h3 { | ||
| letter-spacing: 1.2px; | ||
| } | ||
| .cssume h3 { | ||
| font-size: 18px; | ||
| font-weight: 600; | ||
| padding-bottom: 12px; | ||
| } | ||
| .cssume a { | ||
| color: inherit; | ||
| text-decoration: none; | ||
| } | ||
| .cssume h3>a { | ||
| text-decoration: none; | ||
| } | ||
| .cssume h3>a::after { | ||
| display: inline-block; | ||
| content: ''; | ||
| height: 14px; | ||
| width: 14px; | ||
| margin-left: 5px; | ||
| background-size: 14px 14px; | ||
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M3 1v1h4.5L.8 8.6l.6.6L8 2.5V7h1V1z'/%3E%3C/svg%3E"); | ||
| } | ||
| .cssume h3 + p strong { | ||
| color: #96999b; | ||
| font-weight: 300; | ||
| } | ||
| .cssume h3 + p em { | ||
| color: #96999b; | ||
| font-style: normal; | ||
| } | ||
| .cssume h3 + p > *:not(:first-child)::before { | ||
| content: ''; | ||
| padding-left: 6px; | ||
| margin-left: 2px; | ||
| height: 0.8em; | ||
| border-left: 1px solid #96999b; | ||
| display: inline-block; | ||
| } | ||
| .cssume h2 + ul { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| .cssume h2 + ul::before, | ||
| .cssume h2 + ul::after { | ||
| content: ''; | ||
| display: table; | ||
| } | ||
| .cssume h2 + ul::after { | ||
| clear: both; | ||
| } | ||
| .cssume h2 + ul > li { | ||
| float: left; | ||
| padding: 5px 18px; | ||
| background-color: #f1f5f7; | ||
| margin-right: 3px; | ||
| margin-bottom: 12px; | ||
| font-size: 14px; | ||
| display: inline-block; | ||
| } | ||
| .cssume img, | ||
| .cssume picture { | ||
| display: block; | ||
| max-width: 100%; | ||
| margin: 0 auto; | ||
| } |
Oops, something went wrong.