Skip to content
This repository was archived by the owner on May 13, 2018. It is now read-only.

Commit 0e3358a

Browse files
GenbuHaseGenbuHase
committed
MDC移行作業進行中…
1 parent f131bc1 commit 0e3358a

9 files changed

Lines changed: 93 additions & 33 deletions

File tree

‎images/Back.jpg‎

4.08 KB
Loading

‎images/Icon-Info.png‎

6.01 KB
Loading

‎images/Logo.png‎

47.2 KB
Loading

‎index.html‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,21 +14,19 @@
1414

1515
<Script Src = "/SimpleThread/libraries/DOM Extender v3.4.js"></Script>
1616
<Script Src = "/SimpleThread/libraries/common/common.js"></Script>
17+
<Link Rel = "StyleSheet" Href = "/SimpleThread/libraries/common/common.css" />
1718

18-
<!-- Global site tag (gtag.js) - Google Analytics -->
19-
<Script Src = "https://www.googletagmanager.com/gtag/js?id=UA-88656260-2" Async = "Async"></Script>
20-
<Script>
21-
window.dataLayer = window.dataLayer || [];
22-
function gtag () { dataLayer.push(arguments) }
23-
gtag('js', new Date());
24-
25-
gtag('config', 'UA-88656260-2');
26-
</Script>
19+
<Link Rel = "StyleSheet" Href = "main.css" />
2720
</Head>
2821

2922
<Body>
30-
<Main>
23+
<Main ID = "Top">
24+
<Img ID = "Top-Logo" Src = "/SimpleThread/images/Logo.png" />
3125

26+
<P ID = "Top-Introduce" Data-Locales = "top.introduce">
27+
Simple Threadへようこそ！
28+
当サービスでは "Be Simple, Be Free" をモットーに、他サービスと比べ自由に話せるスレ板を提供しますΣd(´・ω・｀)
29+
</P>
3230
</Main>
3331
</Body>
3432
</HTML>

‎info/index.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DocType HTML>
2+
3+
<HTML>
4+
<Head>
5+
<Meta Charset = "UTF-8" />
6+
<Title>サーバー情報 | Simple Thread</Title>
7+
8+
<Script Src = "/SimpleThread/libraries/material-components-web.min.js"></Script>
9+
<Link Rel = "StyleSheet" Href = "/SimpleThread/libraries/material-components-web.min.css" />
10+
11+
<Script Src = "/SimpleThread/libraries/DOM Extender v3.4.js"></Script>
12+
<Script Src = "/SimpleThread/libraries/common/common.js"></Script>
13+
<Link Rel = "StyleSheet" Href = "/SimpleThread/libraries/common/common.css" />
14+
</Head>
15+
16+
<Body>
17+
<Main>
18+
19+
</Main>
20+
</Body>
21+
</HTML>

‎libraries/common/common.css‎

Lines changed: 37 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,60 @@
1+
* {
2+
--mdc-theme-primary: #009688;
3+
--mdc-theme-primary-light: #52c7b8;
4+
--mdc-theme-primary-dark: #00675b;
5+
--mdc-theme-secondary: #ff5252;
6+
--mdc-theme-secondary-light: #ff867f;
7+
--mdc-theme-secondary-dark: #c50e29;
8+
9+
--mdc-theme-text-primary-on-primary: #ffffff;
10+
--mdc-theme-text-primary-on-primary-light: #ffffff;
11+
--mdc-theme-text-primary-on-primary-dark: #ffffff;
12+
--mdc-theme-text-secondary-on-primary: #b2ebf2;
13+
--mdc-theme-text-secondary-on-primary-light: #006064;
14+
--mdc-theme-text-secondary-on-primary-dark: #26c6da;
15+
--mdc-theme-text-primary-on-secondary: #ffffff;
16+
--mdc-theme-text-primary-on-secondary-light: #ffffff;
17+
--mdc-theme-text-primary-on-secondary-dark: #ffffff;
18+
--mdc-theme-text-secondary-on-secondary: #b2ebf2;
19+
--mdc-theme-text-secondary-on-secondary-light: #b2ebf2;
20+
--mdc-theme-text-secondary-on-secondary-dark: #18ffff;
21+
}
22+
123
HTML, Body {
224
Height: 100%;
325
}
426

527
Body {
628
Margin: 0;
29+
Background: URL("/SimpleThread/images/Back.jpg");
730
}
831

932
Div[Data-Component="Frame-Content"] {
1033
Display: Flex;
1134
Flex-Direction: Column;
1235
}
1336

14-
UL[Data-Component="Frame-Drawer_SNSList"] {
15-
Margin: 0 Auto;
16-
}
17-
18-
UL[Data-Component="Frame-Drawer_SNSList"] > A > Span {
19-
Vertical-Align: Middle;
20-
}
21-
2237
Main {
38+
Position: Relative;
39+
Top: 1rem;
40+
2341
Flex: 1;
2442

43+
Margin: 4vmin 17.5%;
2544
Padding: 1rem;
45+
Background-Color: White;
2646
}
2747

48+
@media (Max-Width: 480px) {
49+
Main {
50+
Margin: 0.5rem;
51+
}
52+
}
2853

29-
30-
.mdc-typography--headline {
31-
Border-Bottom: Thin Solid LightSeagreen;
54+
A:Not([Href]) {
55+
Cursor: Pointer;
3256
}
3357

34-
.mdc-typography--headline::Before {
35-
Content: "";
36-
37-
Display: Inline-Block;
38-
39-
Margin-Right: 0.5em;
40-
Border: 1rem Solid Transparent;
41-
Border-Color: Transparent LightSeagreen LightSeagreen Transparent;
42-
43-
Vertical-Align: Bottom;
58+
*[Data-Locales] {
59+
White-Space: Pre-Line;
4460
}

‎libraries/common/common.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,6 @@ window.addEventListener("DOMContentLoaded", () => {
1515
window.mdc.autoInit();
1616

1717
new DOM("@Main").forEach(elem => {
18-
["mdc-typography", "mdc-toolbar-fixed-adjust"].forEach(className => elem.classList.add(className));
18+
["mdc-typography", "mdc-typography--body2", "mdc-elevation--z5", "mdc-toolbar-fixed-adjust"].forEach(className => elem.classList.add(className));
1919
});
2020
});

‎libraries/common/index.html‎

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,20 @@
33
<Div Class = "mdc-temporary-drawer__toolbar-spacer"></Div>
44

55
<Nav Class = "mdc-temporary-drawer__content mdc-list">
6-
<A Class = "mdc-list-item" Href = "/">
6+
<A Class = "mdc-list-item" Href = "/SimpleThread/">
77
<I Class = "material-icons mdc-list-item__start-detail" Aria-Hidden = "true">home</I>
88
Top
99
</A>
10+
11+
<A Class = "mdc-list-item" Href = "/SimpleThread/">
12+
<I Class = "material-icons mdc-list-item__start-detail" Aria-Hidden = "true">subject</I>
13+
Thread
14+
</A>
15+
16+
<A Class = "mdc-list-item" Href = "/SimpleThread/info">
17+
<I Class = "material-icons mdc-list-item__start-detail" Aria-Hidden = "true">info</I>
18+
Server Info
19+
</A>
1020
</Nav>
1121
</Nav>
1222
</Aside>
@@ -15,6 +25,17 @@
1525
<Link Rel = "StyleSheet" Href = "/SimpleThread/libraries/Material Icons/material-icons.css" />
1626
<Link Rel = "StyleSheet" Href = "/SimpleThread/libraries/Material Icons Extended/material-icons-extended.css" />
1727

28+
<!-- Global site tag (gtag.js) - Google Analytics -->
29+
<Script Src = "https://www.googletagmanager.com/gtag/js?id=UA-111257667-2" Async = "Async"></Script>
30+
<Script>
31+
window.dataLayer = window.dataLayer || [];
32+
function gtag () { dataLayer.push(arguments) }
33+
gtag('js', new Date());
34+
35+
gtag('config', 'UA-111257667-2');
36+
</Script>
37+
38+
1839

1940
<Header Data-Component = "Frame-Content_Toolbar" Class = "mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall mdc-elevation--z4">
2041
<Div Class = "mdc-toolbar__row">

‎main.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#Top-Logo {
2+
Width: 100%;
3+
Margin-Bottom: 5vmax;
4+
}

0 commit comments

Comments
 (0)