portfolio/portfolio.html at master · yayscripted/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<html>
    <head id ="port">
        <title> Portfolio</title>
        <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Press+Start+2P|Sacramento|Tangerine" rel="stylesheet">
        <link href="styles.css" rel="stylesheet">
    </head>
    <body class="portfolio">
        <div class="row footer">
        <div class="p"><a href="index.html" class="link">Farrah Yee</a></div>
            <div class="p"><a href="aboutme.html" class="link">About Me</a></div>
            <div class="p"><a href="portfolio.html" class="link">Portfolio</a></div>
            <div class="p"><a href="contact.html" class="link">Contact</a></div>
        </div>
        <h1 class="title">About My Portfolio</h1>
            <div class="port" style="text-align:center;">
                <p>This portfolio is my project for the ScriptEd(now Code Nation) advanced class.
                The design is based off of my personal preferences(such as cats). The home page
                displays my name and pictures of cats and a wooly. The about me page is a biography
                about myself. The contact page gives multiple ways to communicate with me. Finally,
                the portfolio page(the one you are reading) describes the website. Down below
                are also some of the projects I've done in Cloud9.</p>
            </div>

        <div class="portdiv">
            <div class="projdiv">
                <a href="https://yayscripted.github.io/rockpaperscissors/" target="_blank">
                <img class="img" src="https://jrafanan.files.wordpress.com/2011/04/nichijou02-2.jpg" class="proj"></a>
                <a href="https://github.com/yayscripted/rockpaperscissors" target="_blank">
                <img class="repo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1024px-Octicons-mark-github.svg.png">
                </a>
                <div class="desc">
                    <p>
                        This is a rock, paper, scissors project. The user will type an input of rock, paper, or scissors. The computer will randomly pick one of these.
                    </p>
                </div>
            </div>

            <div class="projdiv">
                <a href="https://yayscripted.github.io/fanpage/" target="_blank">
                <img class="img" src="https://images-na.ssl-images-amazon.com/images/I/51QQkI2chdL._SY355_.jpg" src="proj"></a>
                <a href="https://github.com/yayscripted/fanpage" target="_blank">
                <img class="repo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1024px-Octicons-mark-github.svg.png">
                </a>
                <div class="desc">
                    <p>
                        This project is a fanpage of a Vocaloid producer called Deco*27. Some of his more well-known songs are "Ai Kotoba" and "Ghost Rule".
                    </p>
                </div>
            </div>

        </div>

        <div class="portdiv">
                <div class="projdiv">
                    <a href="https://yayscripted.github.io/quiz/" target="_blank">
                    <img class="img" src="https://pm1.narvii.com/6208/02a0a5561e8bd8a3454e4b268a9fb33dad5495cc_hq.jpg" class="proj"></a>
                    <a href="https://github.com/yayscripted/quiz" target="_blank">
                    <img class="repo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1024px-Octicons-mark-github.svg.png">
                    </a>
                    <div class="desc">
                        <p>
                            This project is an anime quiz where you determine which anime girl you are based on your preferences.
                        </p>
                    </div>
                </div>

                <div class="projdiv">
                    <a href="https://yayscripted.github.io/playlist/" target="_blank">
                    <img class="img" src="https://i.ytimg.com/vi/AdEE44gzDbc/hqdefault.jpg" class="proj"></a>
                    <a href="https://github.com/yayscripted/playlist" target="_blank">
                    <img class="repo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1024px-Octicons-mark-github.svg.png">
                    </a>
                    <div class="desc">
                        <p>
                            This project is a playlist where you can add and delete songs. You can include details such as song lengths and artist names.
                        </p>
                    </div>
                </div>
            </div>

            <div class="portdiv">
                <div class="projdiv">
                <iframe src="https://yayscripted.github.io/portfolio/" class="proj"></iframe>
                <a href="https://github.com/yayscripted/portfolio" target="_blank">
                <img class="repo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1024px-Octicons-mark-github.svg.png">
                </a>
                <div class="desc">
                    <p>
                        This project is a portfolio. You are currently on this website, which is why I've included an iframe rather than a link.
                    </p>
                </div>
            </div>
            </div>
    </body>
</html>