Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 3b96d69

Browse filesBrowse files
sdrassdras
committed
✨ build out other pages ✨
1 parent ecd2c42 commit 3b96d69
Copy full SHA for 3b96d69

File tree

Expand file treeCollapse file tree

9 files changed

+253
-179
lines changed
Filter options
Expand file treeCollapse file tree

9 files changed

+253
-179
lines changed

‎assets/main.css

Copy file name to clipboardExpand all lines: assets/main.css
+6Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,4 +77,10 @@ button.next {
7777
font-weight: bold;
7878
margin-top: 20px;
7979
outline: 0;
80+
}
81+
82+
.st0 {
83+
fill: none;
84+
stroke: rgba(255, 255, 255, 0.1);
85+
stroke-miterlimit: 10;
8086
}

‎components/Navigation.vue

Copy file name to clipboardExpand all lines: components/Navigation.vue
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,9 @@
1313
</nuxt-link>
1414
<nav>
1515
<div class="title">
16-
<nuxt-link exact to="/">Playfair</nuxt-link>
16+
<nuxt-link to="/prata">Prata</nuxt-link>
1717
<nuxt-link to="/bree">Bree Serif</nuxt-link>
18+
<nuxt-link exact to="/">Playfair</nuxt-link>
1819
</div>
1920
</nav>
2021

‎components/letters/LetterT.vue

Copy file name to clipboard
+79Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<template>
2+
<svg class="letter letter-t" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="409.5" height="515.9" viewBox="0 0 409.5 515.9">
3+
<defs>
4+
<radialGradient id="Super_Soft_Black_Vignette" data-name="Super Soft Black Vignette" cx="139.02" cy="169.93" r="54" gradientUnits="userSpaceOnUse">
5+
<stop offset="0.57" stop-color="#130c0e" stop-opacity="0"/>
6+
<stop offset="0.8" stop-color="#130c0e" stop-opacity="0.65"/>
7+
<stop offset="0.82" stop-color="#130c0e" stop-opacity="0.7"/>
8+
<stop offset="1" stop-color="#130c0e" stop-opacity="0.95"/>
9+
</radialGradient>
10+
<radialGradient id="Super_Soft_Black_Vignette-2" cx="273.56" cy="170.46" r="54" xlink:href="#Super_Soft_Black_Vignette"/>
11+
<radialGradient id="Super_Soft_Black_Vignette-3" cx="155.02" cy="416.92" r="27" xlink:href="#Super_Soft_Black_Vignette"/>
12+
<radialGradient id="Super_Soft_Black_Vignette-4" cx="258.56" cy="417.93" r="27" xlink:href="#Super_Soft_Black_Vignette"/>
13+
</defs>
14+
<title>t</title>
15+
<g>
16+
<g id="t">
17+
<path d="M77,174.3a612.1,612.1,0,0,0-3.7-64q41.5,1.5,141.1,1.5t140.4-1.5q-3.4,35.6-3.4,64,0,25.1,1.5,41H341.4q-3.9-38.8-9.9-57.5t-21-27.3q-15-8.7-46-8.7H237.4V406.2q0,20.8,3.9,30.4a22.8,22.8,0,0,0,14.2,13.3q10.3,3.7,32.5,4.4v10q-26.4-1.5-73.5-1.5-50.1,0-74,1.5v-10q22.2-.7,32.5-4.4a22.8,22.8,0,0,0,14.2-13.3q3.9-9.6,3.9-30.4V121.8H163.9q-31,0-46,8.7t-21,27.3q-6,18.7-9.9,57.5H75.5Q77,199.4,77,174.3Z" transform="translate(-8.1 -6.9)" fill="#fff"/>
18+
</g>
19+
<g id="circles" opacity="0.17">
20+
<circle cx="139" cy="169.9" r="54" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette)"/>
21+
<circle cx="273.6" cy="170.5" r="54" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette-2)"/>
22+
<circle cx="155" cy="416.9" r="27" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette-3)"/>
23+
<circle cx="258.6" cy="417.9" r="27" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette-4)"/>
24+
</g>
25+
<g id="lines">
26+
<g opacity="0.16">
27+
<g>
28+
<line x1="181.5" y1="71.9" x2="181.5" y2="73.2" fill="none" stroke="#fff" stroke-miterlimit="10"/>
29+
<line x1="181.5" y1="75.7" x2="181.5" y2="513.4" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.49 2.49"/>
30+
<line x1="181.5" y1="514.7" x2="181.5" y2="515.9" fill="none" stroke="#fff" stroke-miterlimit="10"/>
31+
</g>
32+
<g>
33+
<line x1="229.5" y1="20.9" x2="229.5" y2="22.2" fill="none" stroke="#fff" stroke-miterlimit="10"/>
34+
<line x1="229.5" y1="24.7" x2="229.5" y2="489.4" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.51 2.51"/>
35+
<line x1="229.5" y1="490.7" x2="229.5" y2="491.9" fill="none" stroke="#fff" stroke-miterlimit="10"/>
36+
</g>
37+
<g>
38+
<path d="M8.2,107.3H9.4" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
39+
<path d="M11.9,107.5c31.1,1.4,250.3,10.9,403.2,0" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.5 2.5"/>
40+
<path d="M416.4,107.4h1.2" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
41+
</g>
42+
<g>
43+
<path d="M96.7,466.8h1.2" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
44+
<path d="M100.4,466.5c20.3-1.6,121.2-8.2,236.8,3.1" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.48 2.48"/>
45+
<path d="M338.4,469.7h1.2" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
46+
</g>
47+
</g>
48+
<g opacity="0.44">
49+
<g>
50+
<line x1="64.6" y1="18" x2="64.6" y2="19.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
51+
<line x1="64.6" y1="21.7" x2="64.6" y2="504.8" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.5 2.5"/>
52+
<line x1="64.6" y1="506.1" x2="64.6" y2="507.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
53+
</g>
54+
</g>
55+
<g opacity="0.13">
56+
<g>
57+
<line x1="78.6" y1="36.7" x2="78.6" y2="37.9" fill="none" stroke="#fff" stroke-miterlimit="10"/>
58+
<line x1="78.6" y1="40.4" x2="78.6" y2="380.8" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.51 2.51"/>
59+
<line x1="78.6" y1="382.1" x2="78.6" y2="383.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
60+
</g>
61+
</g>
62+
<g opacity="0.13">
63+
<g>
64+
<line x1="333.2" y1="38" x2="333.2" y2="39.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
65+
<line x1="333.2" y1="41.7" x2="333.2" y2="339.5" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.49 2.49"/>
66+
<line x1="333.2" y1="340.7" x2="333.2" y2="342" fill="none" stroke="#fff" stroke-miterlimit="10"/>
67+
</g>
68+
</g>
69+
<g opacity="0.44">
70+
<g>
71+
<line x1="346.9" x2="346.9" y2="1.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
72+
<line x1="346.9" y1="3.8" x2="346.9" y2="374.8" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.52 2.52"/>
73+
<line x1="346.9" y1="376.1" x2="346.9" y2="377.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
74+
</g>
75+
</g>
76+
</g>
77+
</g>
78+
</svg>
79+
</template>

‎components/mountains/Mount1.vue

Copy file name to clipboardExpand all lines: components/mountains/Mount1.vue
+3Lines changed: 3 additions & 0 deletions
Large diffs are not rendered by default.

‎components/mountains/Mount2.vue

Copy file name to clipboardExpand all lines: components/mountains/Mount2.vue
+3Lines changed: 3 additions & 0 deletions
Large diffs are not rendered by default.

‎pages/bree.vue

Copy file name to clipboardExpand all lines: pages/bree.vue
+8-82Lines changed: 8 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -2,92 +2,16 @@
22
<div class="container index">
33
<section>
44

5-
<Mount />
5+
<Mount2 />
66

77
<div class="letter-contain">
8-
<svg class="letter letter-t" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="409.5" height="515.9" viewBox="0 0 409.5 515.9">
9-
<defs>
10-
<radialGradient id="Super_Soft_Black_Vignette" data-name="Super Soft Black Vignette" cx="139.02" cy="169.93" r="54" gradientUnits="userSpaceOnUse">
11-
<stop offset="0.57" stop-color="#130c0e" stop-opacity="0"/>
12-
<stop offset="0.8" stop-color="#130c0e" stop-opacity="0.65"/>
13-
<stop offset="0.82" stop-color="#130c0e" stop-opacity="0.7"/>
14-
<stop offset="1" stop-color="#130c0e" stop-opacity="0.95"/>
15-
</radialGradient>
16-
<radialGradient id="Super_Soft_Black_Vignette-2" cx="273.56" cy="170.46" r="54" xlink:href="#Super_Soft_Black_Vignette"/>
17-
<radialGradient id="Super_Soft_Black_Vignette-3" cx="155.02" cy="416.92" r="27" xlink:href="#Super_Soft_Black_Vignette"/>
18-
<radialGradient id="Super_Soft_Black_Vignette-4" cx="258.56" cy="417.93" r="27" xlink:href="#Super_Soft_Black_Vignette"/>
19-
</defs>
20-
<title>t</title>
21-
<g>
22-
<g id="t">
23-
<path d="M77,174.3a612.1,612.1,0,0,0-3.7-64q41.5,1.5,141.1,1.5t140.4-1.5q-3.4,35.6-3.4,64,0,25.1,1.5,41H341.4q-3.9-38.8-9.9-57.5t-21-27.3q-15-8.7-46-8.7H237.4V406.2q0,20.8,3.9,30.4a22.8,22.8,0,0,0,14.2,13.3q10.3,3.7,32.5,4.4v10q-26.4-1.5-73.5-1.5-50.1,0-74,1.5v-10q22.2-.7,32.5-4.4a22.8,22.8,0,0,0,14.2-13.3q3.9-9.6,3.9-30.4V121.8H163.9q-31,0-46,8.7t-21,27.3q-6,18.7-9.9,57.5H75.5Q77,199.4,77,174.3Z" transform="translate(-8.1 -6.9)" fill="#fff"/>
24-
</g>
25-
<g id="circles" opacity="0.17">
26-
<circle cx="139" cy="169.9" r="54" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette)"/>
27-
<circle cx="273.6" cy="170.5" r="54" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette-2)"/>
28-
<circle cx="155" cy="416.9" r="27" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette-3)"/>
29-
<circle cx="258.6" cy="417.9" r="27" stroke="#fff" stroke-miterlimit="10" fill="url(#Super_Soft_Black_Vignette-4)"/>
30-
</g>
31-
<g id="lines">
32-
<g opacity="0.16">
33-
<g>
34-
<line x1="181.5" y1="71.9" x2="181.5" y2="73.2" fill="none" stroke="#fff" stroke-miterlimit="10"/>
35-
<line x1="181.5" y1="75.7" x2="181.5" y2="513.4" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.49 2.49"/>
36-
<line x1="181.5" y1="514.7" x2="181.5" y2="515.9" fill="none" stroke="#fff" stroke-miterlimit="10"/>
37-
</g>
38-
<g>
39-
<line x1="229.5" y1="20.9" x2="229.5" y2="22.2" fill="none" stroke="#fff" stroke-miterlimit="10"/>
40-
<line x1="229.5" y1="24.7" x2="229.5" y2="489.4" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.51 2.51"/>
41-
<line x1="229.5" y1="490.7" x2="229.5" y2="491.9" fill="none" stroke="#fff" stroke-miterlimit="10"/>
42-
</g>
43-
<g>
44-
<path d="M8.2,107.3H9.4" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
45-
<path d="M11.9,107.5c31.1,1.4,250.3,10.9,403.2,0" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.5 2.5"/>
46-
<path d="M416.4,107.4h1.2" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
47-
</g>
48-
<g>
49-
<path d="M96.7,466.8h1.2" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
50-
<path d="M100.4,466.5c20.3-1.6,121.2-8.2,236.8,3.1" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.48 2.48"/>
51-
<path d="M338.4,469.7h1.2" transform="translate(-8.1 -6.9)" fill="none" stroke="#fff" stroke-miterlimit="10"/>
52-
</g>
53-
</g>
54-
<g opacity="0.44">
55-
<g>
56-
<line x1="64.6" y1="18" x2="64.6" y2="19.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
57-
<line x1="64.6" y1="21.7" x2="64.6" y2="504.8" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.5 2.5"/>
58-
<line x1="64.6" y1="506.1" x2="64.6" y2="507.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
59-
</g>
60-
</g>
61-
<g opacity="0.13">
62-
<g>
63-
<line x1="78.6" y1="36.7" x2="78.6" y2="37.9" fill="none" stroke="#fff" stroke-miterlimit="10"/>
64-
<line x1="78.6" y1="40.4" x2="78.6" y2="380.8" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.51 2.51"/>
65-
<line x1="78.6" y1="382.1" x2="78.6" y2="383.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
66-
</g>
67-
</g>
68-
<g opacity="0.13">
69-
<g>
70-
<line x1="333.2" y1="38" x2="333.2" y2="39.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
71-
<line x1="333.2" y1="41.7" x2="333.2" y2="339.5" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.49 2.49"/>
72-
<line x1="333.2" y1="340.7" x2="333.2" y2="342" fill="none" stroke="#fff" stroke-miterlimit="10"/>
73-
</g>
74-
</g>
75-
<g opacity="0.44">
76-
<g>
77-
<line x1="346.9" x2="346.9" y2="1.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
78-
<line x1="346.9" y1="3.8" x2="346.9" y2="374.8" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-dasharray="2.52 2.52"/>
79-
<line x1="346.9" y1="376.1" x2="346.9" y2="377.3" fill="none" stroke="#fff" stroke-miterlimit="10"/>
80-
</g>
81-
</g>
82-
</g>
83-
</g>
84-
</svg>
8+
<LetterT />
859
</div>
8610

8711
<div class="font-text">
88-
<h1>Playfair Serif</h1>
12+
<h1>Bree Serif</h1>
8913
<p>Edison bulb wolf humblebrag, chambray skateboard tbh shoreditch four loko unicorn semiotics. Hammock banh mi chillwave, brunch before they sold out roof party fixie prism ramps blog. Ramps yr four dollar toast hammock street art swag lyft, meggings schlitz chicharrones offal vegan selvage normcore. Hot chicken distillery keytar, ennui adaptogen heirloom ramps viral kombucha. Cardigan 8-bit.</p>
90-
<nuxt-link to="/"><button class="next">Next up: Serif</button></nuxt-link>
14+
<nuxt-link to="/"><button class="next">Next up: Playfair Serif</button></nuxt-link>
9115
</div>
9216
</section>
9317

@@ -100,7 +24,8 @@
10024

10125
<script>
10226
import { TimelineMax, Sine, Circ } from 'gsap'
103-
import Mount from '~components/Mount.vue'
27+
import Mount2 from '~components/mountains/Mount2.vue'
28+
import LetterT from '~components/letters/LetterT.vue'
10429
import PhotoArea from '~components/PhotoArea.vue'
10530
10631
export default {
@@ -197,7 +122,8 @@ export default {
197122
}
198123
},
199124
components: {
200-
Mount,
125+
Mount2,
126+
LetterT,
201127
PhotoArea
202128
}
203129
}

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.