Skip to content

Commit

Permalink
Merge pull request #114 from d-party/f/fix-usage
Browse files Browse the repository at this point in the history
使い方ページの改良
  • Loading branch information
Uno-Takashi authored Oct 18, 2022
2 parents 6f221b5 + cc93b46 commit 116b7d7
Show file tree
Hide file tree
Showing 18 changed files with 368 additions and 83 deletions.
5 changes: 5 additions & 0 deletions Django/d_party/settings.py
Original file line number Diff line number Diff line change
Expand Up @@ -191,6 +191,11 @@
"url": "/admin/chart",
"new_window": True,
},
{
"name": "grafana",
"url": "/grafana/",
"new_window": True,
},
{"model": "auth.User"},
{"model": "streamer.AnimeRoom"},
{"model": "streamer.TVRoom"},
Expand Down
71 changes: 0 additions & 71 deletions Django/web/static/web/css/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -46,75 +46,4 @@
.install-button {
margin-top: 20px;
margin-bottom: 20px;
}

.glow-on-hover {
font-size: larger;
font-weight: bold;
width: 250px;
height: 70px;
border: whitesmoke;
/* border: none; */
outline: none;
color: rgb(230, 230, 230);
background: -webkit-linear-gradient(left, #79439b, #4a8ba7);
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 20px;
}

.glow-on-hover:before {
content: '';
background: linear-gradient(45deg, #cc0000, #cc5c00, #ccc900, #3bd100, #00dbb7, #0022cc, #6b01dd, #da00aa, #d60000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}

.glow-on-hover:active {
color: rgb(230, 230, 230);
}

.glow-on-hover:active:after {
background: transparent;
}

.glow-on-hover:hover:before {
opacity: 1;
}

.glow-on-hover:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, #79439b, #4a8ba7);
left: 0;
top: 0;
border-radius: 10px;
}

@keyframes glowing {
0% {
background-position: 0 0;
}

50% {
background-position: 400% 0;
}

100% {
background-position: 0 0;
}
}
90 changes: 90 additions & 0 deletions Django/web/static/web/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -35,4 +35,94 @@ body {
object-fit: cover;
margin-left: 150px;
margin-right: 150px;
}


.glow-on-hover {
font-size: larger;
font-weight: bold;
width: 250px;
height: 70px;
border: whitesmoke;
/* border: none; */
outline: none;
color: rgb(230, 230, 230);
background: -webkit-linear-gradient(left, #79439b, #4a8ba7);
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 20px;
}

.glow-on-hover:before {
content: '';
background: linear-gradient(45deg, #cc0000, #cc5c00, #ccc900, #3bd100, #00dbb7, #0022cc, #6b01dd, #da00aa, #d60000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}

.glow-on-hover:active {
color: rgb(230, 230, 230);
}

.glow-on-hover:active:after {
background: transparent;
}

.glow-on-hover:hover:before {
opacity: 1;
}

.glow-on-hover:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, #79439b, #4a8ba7);
left: 0;
top: 0;
border-radius: 10px;
}

@keyframes glowing {
0% {
background-position: 0 0;
}

50% {
background-position: 400% 0;
}

100% {
background-position: 0 0;
}
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-track {
background: #fff;
border: none;
border-radius: 10px;
box-shadow: inset 0 0 2px #777;
}

::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
box-shadow: none;
}
118 changes: 118 additions & 0 deletions Django/web/static/web/css/usage.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
.usage-container {
margin-top: 50px;
margin-bottom: 50px;
}

.usage-container>.row {
margin-top: 30px;
margin-bottom: 30px;
}

.step-title {
letter-spacing: 0.05em;
background: -webkit-linear-gradient(left, #ff6cfd, #61d0ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
color: whitesmoke;
line-height: 1.8;
}

.step-discription {
font-size: medium;
font-weight: bold;
color: #9A9A9B;
line-height: 1.8;
}

.branch-arrow {
color: dimgray;
font-size: 2.5em;
text-align: center;
}

.d-animestore-shake-hand {
color: whitesmoke;
font-size: 3em;
margin-left: 20px;
margin-right: 20px;
}

.d-animestore-tie-user {
color: whitesmoke;
font-size: 5em;
}

.d-animestore-logo {
height: 90px;
}

.chrome-link {
margin-right: 10px;
}

.sidebar_copy_link {
background-color: rgb(19, 47, 76);
display: flex;
font-size: smaller;
color: rgb(178, 186, 194);
cursor: pointer;
padding: 12px;
border-width: 1px;
border-style: solid;
border-color: rgb(38, 93, 151);
border-image: initial;
border-radius: 10px;
}

.sidebar_link {
max-width: 165px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0px;
}

.sns-icons {
font-size: 5em;
color: rgb(178, 186, 194);
margin-left: 10px;
margin-right: 10px;

}

.sns-icons.fa-discord {
color: #4E62F0;
}

.sns-icons.fa-twitter {
color: #1DA1F2;
}

.sns-icons.fa-envelopes-bulk {
color: #d5c859;
}


.sns-arrow-icons {
font-size: xx-large;
color: rgb(178, 186, 194);
}

.end-title {
text-align: center;
}

.end-discription {
text-align: center;
}

.end-party-cracker-block {
text-align: center;
margin-bottom: 50px;
}

.end-party-cracker {
font-size: 5em !important;
color: rgb(178, 186, 194);
}
Binary file removed Django/web/static/web/img/usage/step1_login.png
Binary file not shown.
Binary file removed Django/web/static/web/img/usage/step2_pin.png
Binary file not shown.
Binary file added Django/web/static/web/img/usage/step3-login.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed Django/web/static/web/img/usage/step3_setting.png
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed Django/web/static/web/img/usage/step6_room.png
Binary file not shown.
Binary file removed Django/web/static/web/img/usage/step7_share.png
Binary file not shown.
Binary file removed Django/web/static/web/img/usage/step8_endcard.png
Binary file not shown.
Binary file added Django/web/static/web/logo/d-anime.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions Django/web/templates/layout.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,8 @@
<link rel="stylesheet" href="{% static "web/css/slick-theme.css" %}" />
<link rel="stylesheet" href="{% static "web/css/loader.css" %}" />
<link href="{% static "web/css/footer.css" %}" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://unpkg.com/simplebar@latest/dist/simplebar.css"/>
<script src="https://unpkg.com/simplebar@latest/dist/simplebar.min.js"></script>
<script src="{% static "web/js/bootstrap.min.js" %}"></script>
Expand Down
Loading

0 comments on commit 116b7d7

Please sign in to comment.