Concept/subject.html at master · 42Stat/Concept · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./common.css" />
    <link rel="stylesheet" href="./navBar.css" />
    <link rel="stylesheet" href="./subject.css" />
    <title>subject</title>
  </head>
  <body>
    <nav class="navContainer">
      <div class="navIconContainer">
        <?xml version="1.0" encoding="UTF-8"?>
        <svg class="navIcon" xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512"><path d="M23.121,9.069,15.536,1.483a5.008,5.008,0,0,0-7.072,0L.879,9.069A2.978,2.978,0,0,0,0,11.19v9.817a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.19A2.978,2.978,0,0,0,23.121,9.069ZM15,22.007H9V18.073a3,3,0,0,1,6,0Zm7-1a1,1,0,0,1-1,1H17V18.073a5,5,0,0,0-10,0v3.934H3a1,1,0,0,1-1-1V11.19a1.008,1.008,0,0,1,.293-.707L9.878,2.9a3.008,3.008,0,0,1,4.244,0l7.585,7.586A1.008,1.008,0,0,1,22,11.19Z"/></svg>
        <?xml version="1.0" encoding="UTF-8"?>
        <svg class="navIcon" xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512"><rect y="11" width="24" height="2" rx="1"/><rect y="4" width="24" height="2" rx="1"/><rect y="18" width="24" height="2" rx="1"/></svg>
      </div>
      <form class="navSearchFormContainer">
        <input type="text" class="navSearchFormInput" placeholder="Search..."></input>
      </form>
      <div class="navIconContainer">
        <?xml version="1.0" encoding="utf-8"?>
        <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
        <svg class="navIcon" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
           viewBox="0 0 137.52 96.5" style="enable-background:new 0 0 137.52 96.5;" xml:space="preserve">
        <g>
          <polygon class="st0" points="76,0 50.67,0 0,50.66 0,71.17 50.67,71.17 50.67,96.5 76,96.5 76,50.66 25.33,50.66 	"/>
          <polygon class="st0" points="86.85,25.33 112.19,0 86.85,0 	"/>
          <polygon class="st0" points="137.52,25.33 137.52,0 112.19,0 112.19,25.33 86.85,50.66 86.85,76 112.19,76 112.19,50.66 	"/>
          <polygon class="st0" points="137.52,50.66 112.19,76 137.52,76 	"/>
        </g>
        </svg>
        <?xml version="1.0" encoding="UTF-8"?>
        <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" class="navIcon" viewBox="0 0 24 24" width="512" height="512"><path d="M22.763,10.232l-4.95-4.95L16.4,6.7,20.7,11H6.617v2H20.7l-4.3,4.3,1.414,1.414,4.95-4.95a2.5,2.5,0,0,0,0-3.536Z"/><path d="M10.476,21a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H9.476a1,1,0,0,1,1,1V8.333h2V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H9.476a3,3,0,0,0,3-3V15.667h-2Z"/></svg>
      </div>
    </nav>
    <main>
      <div class="userProfile">
        <div class="userProfileMainContainer">
          <img class="userProfileImage" src="./assets/gun-rang.jpg" />
          <!-- <img class="userProfileImage" src="https://cdn.intra.42.fr/users/cfc5b84fa9130d86b32acec4aae7889f/jaham.jpg"> -->
          <div class="userDefaultInfoContainer">
            <div class="userLogin">jaham, morning glory master</div>
            <div class="userName">jaewon Ham</div>
            <div class="userRankInfo">
              <div class="userRankInfoComponent">
                <span class="infoKey">42Seoul</span>
                <span class="infoValue">#5</span>
              </div>
              <span class="userRankInfoSeperator">-</span>
              <div class="userRankInfoComponent">
                <span class="infoKey">Level</span>
                <span class="infoValue">11.38</span>
              </div>
              <span class="userRankInfoSeperator">-</span>
              <div class="userRankInfoComponent">
                <span class="infoKey">Grade</span>
                <span class="infoValue">Member</span>
              </div>
            </div>
          </div>
        </div>
        <div class="userProfileCoalitionContainer">
          <div class="coalitionImage">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="banner" x="0px" y="0px" viewBox="0 0 68 104" style="enable-background:new 0 0 68 104;" xml:space="preserve" class="coalitionFlag">
              <g id="banner-content">
                <g id="UI-Intranet-banner-content" transform="translate(-96.000000, -60.000000)">
                  <g id="banner-content-g-1" transform="translate(96.000000, 60.000000)">
                    <polygon id="banner-content-polygon-1" points="0,0 0,80.5 34.3,104 68,80.5 68,0"></polygon>
                  </g>
                </g>
              </g>
            </svg>
            <img class="coalitionMark" src="./assets/gun.svg" />
          </div>
          <div class="coalitionUserInfoContainer">
            <div class="coalitionName">Gun</div>
            <div class="startDate">
              <span class="infoKey">Started at</span>
              <span class="infoValue">2022-11-08</span>
            </div>
            <div class="infoValue">D+380</div>
          </div>
        </div>
        <div class="userProfileBlackholeContainer">
          <?xml version="1.0" encoding="UTF-8"?>
          <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" class="userBlackholeFace">
            <path d="M12,0A12.013,12.013,0,0,0,0,12c.6,15.9,23.4,15.893,24,0A12.013,12.013,0,0,0,12,0Zm0,22A10.011,10.011,0,0,1,2,12C2.5-1.248,21.5-1.245,22,12A10.011,10.011,0,0,1,12,22Zm3-5a3,3,0,0,1-6,0A3,3,0,0,1,15,17Zm3.707-9.293L17.414,9l1.293,1.293a1,1,0,0,1-1.414,1.414L16,10.414l-1.293,1.293a1,1,0,0,1-1.414-1.414L14.586,9,13.293,7.707a1,1,0,0,1,1.414-1.414L16,7.586l1.293-1.293A1,1,0,0,1,18.707,7.707ZM8,10.414,6.707,11.707a1,1,0,0,1-1.414-1.414L6.586,9,5.293,7.707A1,1,0,0,1,6.707,6.293L8,7.586,9.293,6.293a1,1,0,0,1,1.414,1.414L9.414,9l1.293,1.293a1,1,0,0,1-1.414,1.414Z"/>
          </svg>
          <div class="userBlackhole">10 days left!</div>
        </div>
      </div>
      <div class="userProfileTabContainer">
        <span class="userProfileTab">
          <button>
            Summary
          </button>
        </span>
        <span class="userProfileTab">
          <button>
            Feedbacks
          </button>
        </span>
        <span class="userProfileTab">
          <button>
            Subjects
          </button>
        </span>
        <span class="userProfileTab">
          <button>
            Vs jaham
          </button>
        </span>
      </div>
      <div>
        <img src="./profileSubjectChart.png">
      </div>
    </main>
  </body>
</html>