Skip to content

Commit

Permalink
Fixes nfoert#18 Refactor - with _ for Ids
Browse files Browse the repository at this point in the history
  • Loading branch information
@mSaurabh
mSaurabh committed Oct 19, 2024
1 parent 6aabd86 commit 711352f
Show file tree
Hide file tree
Showing 23 changed files with 256 additions and 256 deletions.
8 changes: 4 additions & 4 deletions cardie/main/templates/authentication.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
{% endblock %}

{% block body %}
<div id="authentication-box" x-data="box_param_check()">
<div id="authentication_box" x-data="box_param_check()">
{% csrf_token %}
<img id="authentication-box-image"
@click="window.location.href = server_ip"
Expand All @@ -24,7 +24,7 @@
<i class="ph-bold ph-warning-octagon ui_status_icon"></i>
<p class="ui_status_text">Critical status box</p>
</div>
<div id="signin-box" x-show="sign_in" x-transition:enter.delay.200ms>
<div id="signin_box" x-show="sign_in" x-transition:enter.delay.200ms>
<p class="ui_text_header">
<i class="ph-bold ph-keyhole"></i> Sign In
</p>
Expand All @@ -37,7 +37,7 @@
type="password"
class="ui_input_generic"
placeholder="Password">
<button id="signin-signin" class="ui_button_large">
<button id="signin_signin" class="ui_button_large">
<strong>Sign In</strong> <i class="ph-bold ph-sign-in"></i>
</button>
<button id="signin-createaccount"
Expand Down Expand Up @@ -65,7 +65,7 @@
type="text"
class="ui_input_generic"
placeholder="Email">
<button id="createaccount-createaccount" class="ui_button_large">
<button id="createaccount_createaccount" class="ui_button_large">
<strong>Create Account</strong> <i class="ph-bold ph-user-plus"></i>
</button>
<button id="createaccount-signin"
Expand Down
10 changes: 5 additions & 5 deletions cardie/main/templates/editor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,17 +143,17 @@
<div class="ui_separator_horizontal"></div>
</div>
</div>
<div id="editor-iconselector">
<div id="editor-iconselector-top">
<div id="editor_iconselector">
<div id="editor_iconselector_top">
<input type="text"
class="ui_input_generic"
id="editor-iconselector-top-search"
id="editor_iconselector_top_search"
placeholder="Search for an icon">
<button class="ui_button_icon" id="editor-iconselector-top-close">
<button class="ui_button_icon" id="editor_iconselector_top_close">
<i class="ph-bold ph-x"></i>
</button>
</div>
<div id="editor-iconselector-icons"></div>
<div id="editor_iconselector_icons"></div>
</div>
<div id="editor_rename">
<div id="editor_rename_top">
Expand Down
20 changes: 10 additions & 10 deletions cardie/main/templates/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,24 +8,24 @@
<link rel="stylesheet" type="text/css" href="{% static '/main/home.css' %}">
{% endblock %}
{% block body %}
<div id="home-top">
<div id="home-top-logo">
<img id="home-top-image" src="{% static '/main/images/logo_light.png' %}">
<p id="home-top-text" class="ui_text_subheader_left">Hello, {{ username }}</p>
<div id="home_top">
<div id="home_top_logo">
<img id="home_top_image" src="{% static '/main/images/logo_light.png' %}">
<p id="home_top_text" class="ui_text_subheader_left">Hello, {{ username }}</p>
</div>
<div id="home-top-profile" x-data="{ open: false }" @click="open = !open">
<button id="home-top-username" class="ui_button_small">
<div id="home_top_profile" x-data="{ open: false }" @click="open = !open">
<button id="home_top_username" class="ui_button_small">
{{ username }} <i class="ph-bold ph-caret-down"></i>
</button>
<div id="home-top-profile-dropdown" x-show="open" x-transition>
<div id="home_top_profile_dropdown" x-show="open" x-transition>
<button class="ui_button_small" @click="log_out()">
<i class="ph-bold ph-sign-out"></i> Log Out
</button>
</div>
</div>
</div>
<div x-data="{ cards: true, cards_disabled: true, wallet_disabled: false }">
<div id="home-navigation">
<div id="home_navigation">
<button id="home-navigation-wallet"
class="ui_button_grid"
@click="cards = false; cards_disabled = false; wallet_disabled = true;"
Expand All @@ -39,7 +39,7 @@
My Cards <i class="ph-bold ph-cards"></i>
</button>
</div>
<div id="home-wallet" x-show="!cards" x-transition>
<div id="home_wallet" x-show="!cards" x-transition>
<p class="ui_text_subheader_left">
<i class="ph-bold ph-wallet"></i> My Wallet
</p>
Expand All @@ -49,7 +49,7 @@
<p class="ui_status_text">You don't have any cards saved yet! Once you do, they will appear here for you to find later.</p>
</div>
</div>
<div id="home-cards" x-show="cards" x-transition>
<div id="home_cards" x-show="cards" x-transition>
<p class="ui_text_subheader_left">
<i class="ph-bold ph-cards"></i> My Cards
</p>
Expand Down
14 changes: 7 additions & 7 deletions cardie/static/main/authentication.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ html {
background: rgb(37, 40, 49);
}

#authentication-box {
#authentication_box {
position: absolute;
top: 50%;
left: 50%;
Expand All @@ -14,7 +14,7 @@ html {
z-index: 1;
}

#authentication-box-image {
#authentication_box_image {
width: clamp(30vh, 300px, 30vw);
height: auto;

Expand All @@ -25,31 +25,31 @@ html {
transition: var(--default-transition);
}

#authentication-box-image:hover {
#authentication_box_image:hover {
scale: 1.05;
}

#signin-box {
#signin_box {
display: flex;
flex-direction: column;

align-items: center;
}

#createaccount-box {
#createaccount_box {
display: flex;
flex-direction: column;

align-items: center;
}

#authentication-error {
#authentication_error {
opacity: 0;
scale: 0.8;
transition: var(--default-transition);
}

#authentication-error.show {
#authentication_error.show {
opacity: 1;
scale: 1;
}
Expand Down
10 changes: 5 additions & 5 deletions cardie/static/main/editor.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -173,7 +173,7 @@ html {
@media (min-width: 1000px) {
/* Large screens */

#editor-iconselector {
#editor_iconselector {
background-color: var(--default-glass-background);
border: var(--default-glass-border);
backdrop-filter: var(--default-glass-blur);
Expand Down Expand Up @@ -207,7 +207,7 @@ html {
@media (max-width: 1000px) {
/* Small Screens */

#editor-iconselector {
#editor_iconselector {
background-color: var(--default-glass-background);
backdrop-filter: var(--default-glass-blur);

Expand Down Expand Up @@ -235,18 +235,18 @@ html {
}
}

#editor-iconselector-top {
#editor_iconselector_top {
display: flex;
flex-direction: row;
}

#editor-iconselector-top-search {
#editor_iconselector_top_search {
height: clamp(2vh, 20px, 2vw);
max-height: clamp(2vh, 20px, 2vw);
margin-bottom: clamp(1vh, 10px, 1vw);
}

#editor-iconselector-icons {
#editor_iconselector_icons {
display: flex;
flex-wrap: wrap;
overflow-y: auto;
Expand Down
34 changes: 17 additions & 17 deletions cardie/static/main/home.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ html {
@media (min-width: 1000px) {
/* Large screens */

#home-top {
#home_top {
display: flex;
flex-direction: row;
justify-content: space-between;
Expand All @@ -15,29 +15,29 @@ html {
margin-top: clamp(5vh, 50px, 5vw);
}

#home-top-text {
#home_top_text {
margin-left: clamp(6vh, 60px, 6vw);
}

#home-navigation {
#home_navigation {
margin-top: clamp(1vh, 10px, 1vw);
margin-left: clamp(12vh, 120px, 12vw);
margin-bottom: clamp(2vh, 20px, 2vw);
}

#home-wallet {
#home_wallet {
margin-left: clamp(12vh, 120px, 12vw);
display: flex;
flex-direction: column;
}

#home-cards {
#home_cards {
margin-left: clamp(12vh, 120px, 12vw);
display: flex;
flex-direction: column;
}

#home-top-image {
#home_top_image {
width: clamp(30vh, 300px, 30vw);
height: auto;
transition: var(--default-transition);
Expand All @@ -48,7 +48,7 @@ html {
@media (max-width: 1000px) {
/* Small Screens */

#home-top {
#home_top {
display: flex;
flex-direction: row;
justify-content: space-between;
Expand All @@ -58,37 +58,37 @@ html {
margin-top: clamp(1vh, 10px, 1vw);
}

#home-top-text {
#home_top_text {
margin-left: clamp(2vh, 20px, 2vw);
}

#home-navigation {
#home_navigation {
margin-top: clamp(1vh, 10px, 1vw);
margin-left: clamp(2vh, 20px, 2vw);
margin-bottom: clamp(1vh, 10px, 1vw);
}

#home-wallet {
#home_wallet {
margin-left: clamp(2vh, 20px, 2vw);
display: flex;
flex-direction: column;
}

#home-cards {
#home_cards {
margin-left: clamp(2vh, 20px, 2vw);
display: flex;
flex-direction: column;
}

#home-top-image {
#home_top_image {
width: clamp(20vh, 200px, 20vw);
height: auto;
transition: var(--default-transition);
cursor: pointer;
}
}

#home-top-image:hover {
#home_top_image:hover {
scale: 1.05;
}

Expand Down Expand Up @@ -137,15 +137,15 @@ html {
width: fit-content;
}

#home-top-profile {
#home_top_profile {
position: relative;
}

#home-top-username {
#home_top_username {
height: fit-content;
}

#home-top-profile-dropdown {
#home_top_profile_dropdown {
position: absolute;
top: 30%;

Expand All @@ -158,7 +158,7 @@ html {
width: fit-content;
}

#home-top-profile-dropdown > button {
#home_top_profile_dropdown > button {
white-space: nowrap;
}

Expand Down
Loading

0 comments on commit 711352f

Please sign in to comment.