diff --git a/Media/user_upload/compressed/RowanMoore-Milestone-Class10.png b/Media/user_upload/compressed/RowanMoore-Milestone-Class10.png new file mode 100644 index 0000000..d2faa63 Binary files /dev/null and b/Media/user_upload/compressed/RowanMoore-Milestone-Class10.png differ diff --git a/Media/user_upload/full_quality/RowanMoore-Milestone-Class10.5-Lineart.png b/Media/user_upload/full_quality/RowanMoore-Milestone-Class10.5-Lineart.png new file mode 100644 index 0000000..893b582 Binary files /dev/null and b/Media/user_upload/full_quality/RowanMoore-Milestone-Class10.5-Lineart.png differ diff --git a/Media/user_upload/pfp/Bit2006B-AvatarDrawing.jpg b/Media/user_upload/pfp/Bit2006B-AvatarDrawing.jpg new file mode 100644 index 0000000..855ac03 Binary files /dev/null and b/Media/user_upload/pfp/Bit2006B-AvatarDrawing.jpg differ diff --git a/Media/user_upload/pfp/LT_Broken_Lands_-_Jairo_Fall-1.png b/Media/user_upload/pfp/LT_Broken_Lands_-_Jairo_Fall-1.png new file mode 100644 index 0000000..ed79fff Binary files /dev/null and b/Media/user_upload/pfp/LT_Broken_Lands_-_Jairo_Fall-1.png differ diff --git a/Media/user_upload/pfp/Screenshot_2024-02-03_002143.png b/Media/user_upload/pfp/Screenshot_2024-02-03_002143.png new file mode 100644 index 0000000..99b0cc1 Binary files /dev/null and b/Media/user_upload/pfp/Screenshot_2024-02-03_002143.png differ diff --git a/Media/user_upload/pfp/Vesta_Interstellar_-_Novakid_Gunslinger.png b/Media/user_upload/pfp/Vesta_Interstellar_-_Novakid_Gunslinger.png new file mode 100644 index 0000000..30edd6d Binary files /dev/null and b/Media/user_upload/pfp/Vesta_Interstellar_-_Novakid_Gunslinger.png differ diff --git a/Media/user_upload/pfp/fer1.png b/Media/user_upload/pfp/fer1.png new file mode 100644 index 0000000..b553148 Binary files /dev/null and b/Media/user_upload/pfp/fer1.png differ diff --git a/Media/user_upload/pfp/token_1_4.png b/Media/user_upload/pfp/token_1_4.png new file mode 100644 index 0000000..e9f9299 Binary files /dev/null and b/Media/user_upload/pfp/token_1_4.png differ diff --git a/Media/user_upload/pfp/token_1_5.png b/Media/user_upload/pfp/token_1_5.png new file mode 100644 index 0000000..f67e94a Binary files /dev/null and b/Media/user_upload/pfp/token_1_5.png differ diff --git a/home/static/style/AccountStyle.css b/home/static/style/AccountStyle.css index 0be912c..6361ae6 100644 --- a/home/static/style/AccountStyle.css +++ b/home/static/style/AccountStyle.css @@ -1,186 +1,27 @@ -body { - width: 100%; - margin: 0; - padding: 0; - box-sizing: border-box; - min-height: 100vh; - font-family: Rockwell; - background-color: #7EC4B5; -} - -ul { - list-style-type: none; - margin: 0; - padding: 0; - display: flex; - align-items: center; -} - -a { - text-decoration: none; -} - -.header__wrapper header { - width: 100%; - background: url("/Media/ImgTemp/rec1.png") no-repeat 50% 20% / cover; - min-height: calc(100px + 15vw); - +h3 { + font-size: 45px; + text-align: center } -.header__wrapper .cols__container .left__col { - padding: 25px 20px; - text-align: center; - max-width: 350px; - position: relative; - margin: 0 auto; -} - -.header__wrapper .cols__container .left__col .img__container { - position: absolute; - top: -60px; - left: 50%; - transform: translatex(-50%); -} -.header__wrapper .cols__container .left__col .img__container img { - width: 120px; - height: 120px; - object-fit: cover; - border-radius: 50%; - display: block; - box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.18); -} - -.header__wrapper .cols__container .left__col h2 { - margin-top: 60px; - font-weight: 600; - font-size: 22px; - margin-bottom: 5px; -} -.header__wrapper .cols__container .left__col p { - font-size: 0.9rem; - color: #818181; - margin: 0; -} -.header__wrapper .cols__container .left__col .about { - justify-content: space-between; - position: relative; - margin: 35px 0; -} -.header__wrapper .cols__container .left__col .about li { - display: flex; - flex-direction: column; - color: black; - font-size: 0.9rem; -} -.header__wrapper .cols__container .left__col .about li span { - color: #1d1d1d; - font-weight: 600; +h4 { + font-size: 20px; + text-align: center } -.header__wrapper .cols__container .left__col .about:after { - position: absolute; - content: ""; - bottom: -16px; - display: block; - background: #cccccc; - height: 1px; - width: 100%; -} -.header__wrapper .cols__container .content p { - font-size: 1rem; - color: #1d1d1d; - line-height: 1.8em; -} -.header__wrapper .cols__container .content ul { - gap: 30px; - justify-content: center; - align-items: center; - margin-top: 25px; -} -.header__wrapper .cols__container .content ul li { - display: flex; -} -.header__wrapper .cols__container .content ul i { - font-size: 1.3rem; -} -.header__wrapper .cols__container .right__col nav { - display: flex; - align-items: center; - padding: 30px 0; - justify-content: space-between; - flex-direction: column; -} -.header__wrapper .cols__container .right__col nav ul { - display: flex; - gap: 20px; - flex-direction: column; -} -.header__wrapper .cols__container .right__col nav ul li a { - text-transform: uppercase; - color: black; -} -.header__wrapper .cols__container .right__col nav ul li:nth-child(1) a { - color: #1d1d1d; - font-weight: 600; -} -.header__wrapper .cols__container .right__col nav button { - background: #EFFFC8; - color: black; - border: none; - padding: 10px 25px; - border-radius: 4px; - cursor: pointer; - margin-top: 20px; -} -.header__wrapper .cols__container .right__col nav button:hover { - opacity: 0.8; -} -.header__wrapper .cols__container .right__col .photos { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); - gap: 20px; -} -.header__wrapper .cols__container .right__col .photos img { - max-width: 100%; - display: block; - height: 100%; - object-fit: cover; -} - -/* Responsiveness */ -@media (min-width: 868px) { - .header__wrapper .cols__container { - max-width: 1200px; - margin: 0 auto; - width: 90%; - justify-content: space-between; - display: grid; - grid-template-columns: 1fr 2fr; - gap: 50px; - } - .header__wrapper .cols__container .left__col { - padding: 25px 0px; - } - .header__wrapper .cols__container .right__col nav ul { - flex-direction: row; - gap: 30px; - } - .header__wrapper .cols__container .right__col .photos { - height: 365px; - overflow: auto; - padding: 0 0 30px; - } +body { + width: 100%; + margin: 0; + padding: 0; + box-sizing: border-box; + min-height: 100vh; + font-family: Rockwell, serif; + background-color: #7EC4B5; } -@media (min-width: 1017px) { - .header__wrapper .cols__container .left__col { +ul { + list-style-type: none; margin: 0; - margin-right: auto; - } - .header__wrapper .cols__container .right__col nav { - flex-direction: row; - } - .header__wrapper .cols__container .right__col nav button { - margin-top: 0; - } -} \ No newline at end of file + padding: 0; + display: flex; + align-items: center; +} diff --git a/home/static/style/UploadStyle.css b/home/static/style/UploadStyle.css index b7a60dd..22f00e7 100644 --- a/home/static/style/UploadStyle.css +++ b/home/static/style/UploadStyle.css @@ -1,261 +1,37 @@ -body{ - margin: 0; - font-family: Rockwell; - background-color: #7EC4B5; -} - -a{ - color: unset; - text-decoration: none; - -} -/*-------------header--------/*/ -header { - - padding: 10px ; - color: #fff; -} - -.container{ - padding: 10px 10%; - -} - - -/*/--------------rest --------/*/ -.title{ - font-size: xx-large; - padding: 20px 0; - color:#7EC4B5; -} -.titles{ - font-size: xx-large; - padding: 20px 0; - color:#2B2525; +h3 { + font-size: 45px; + text-align: center } -.listProduct .item img{ - width: 90%; - filter: drop-shadow(0 10px 09px #2B2525); -} -.listProduct{ - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 20px; - -} -.listProduct .item{ - background-color: #EFFFC8; - padding: 20px; - border-radius: 20px; -} -.listProduct .item h2{ - font-weight: 500; - font-size: large; -} -.listProduct .item .Media{ - letter-spacing: 7px; - font-size: small; -} -/* detail page */ - -.detail{ - display: none; - grid-template-columns: repeat(2, 1fr); - gap: 50px; - text-align: left; -} -.detail .image img{ - width:0%; - - -} -.detail .image{ - position: relative; - -} -.details{ - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 50px; - text-align: left; - -} -.detailsss .name{ - font-size: xxx-large; - padding: 40px 0 0 0; - margin: 0 0 10px 0; - color: #2B2525; -} -.detailsss .Media{ - font-weight: bold; - font-size: x-large; - letter-spacing: 7px; - margin-bottom: 20px; - color:#2B2525; +h4 { + font-size: 20px; + text-align: center } -.details .buttons svg{ - width: 15px; -} - -/*------ upload function----------*/ - - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: Roboto; - -} - -:root { - --blue: #7EC4B5; - --light-blue: #ffffff; - --dark-blue: #eff6ff; - --grey: #ffffff; +body { + width: 100%; + margin: 0; + padding: 0; + box-sizing: border-box; + min-height: 100vh; + font-family: Rockwell, serif; + background-color: #7EC4B5; } -.boody { - display: flex; - justify-content: center; - align-items: center; - +ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + align-items: center; } - -.container2 { - max-width: 400px; - max-height: 600px; - width: 100%; - background: #EFFFC8; - border: 1px solid; - padding: 20px; - border-radius: 20px; - position: relative; - margin-top: -3%; - -} -.buttond { - - position: absolute; - top: 6cm; - bottom: 4px; - right: 4cm; - background-color: #EFFFC8; - color: #7EC4B5; - border: 1px solid; - border-radius: 5px; - border-color: #000000; - padding-bottom: 25%; - padding-left: 1%; - padding-right: 36%; - font-size: 16px; - cursor: pointer; - z-index: 1; - font-family: Roboto; - font-size:large ; - text-align: left; -} -.button2 { - position: absolute; - top: calc(1.2cm + 10px); - right: 18.8cm; - background-color: white; - color: #7EC4B5; - border: 1px solid; - border-radius: 5px; - border-color: #000000; - padding: 8px 80px; - padding-left: 1%; - font-size: 16px; - cursor: pointer; - z-index: 1; - font-family: Roboto; - font-size: x-large; - text-align: left; +.uploadForm { + display: flex; } - - - -.img-area { - - position: relative; - width: 100%; - height: 340px; - background: var(--grey); - margin-bottom: 30px; - border-radius: 15px; - overflow: hidden; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} -.img-area .icon { - font-size: 60px; -} -.img-area h3 { - font-size: 20px; - font-weight: 500; - margin-bottom: 6px; - color: #7EC4B5; - -} -.img-area p { - color: #7EC4B5; -} -.img-area p span { - font-weight: 600; -} -.img-area img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - object-position: center; - z-index: 100; -} -.img-area::before { - content: attr(data-img); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #7EC4B5; - color: #fff; - font-weight: 500; - text-align: center; - display: flex; - justify-content: center; - align-items: center; - pointer-events: none; - opacity: 0; - transition: all .3s ease; - z-index: 200; -} -.img-area.active:hover::before { - opacity: 0.8; -} -.select-image { - display: block; - width: 100%; - padding: 16px 0; - border-radius: 15px; - background: var(--blue); - color: #fff; - font-weight: 500; - font-size: 16px; - border: none; - cursor: pointer; - transition: all .3s ease; -} -.select-image:hover { - background: #7EC4B5; - +.defaultForm h1 { + color: #EFFFC8; + justify-content: center; + margin-left: 40%; } \ No newline at end of file diff --git a/home/static/style/contactStyle.css b/home/static/style/contactStyle.css index f43bd39..1714c77 100644 --- a/home/static/style/contactStyle.css +++ b/home/static/style/contactStyle.css @@ -38,6 +38,12 @@ h4 { border-radius: 50px; } +.defaultForm h1 { + color: #EFFFC8; + justify-content: center; + margin-left: 40%; +} + .contact-form h2 { color: #EFFFC8; justify-content: center; diff --git a/home/static/style/generalStyle.css b/home/static/style/generalStyle.css index ec98ddf..382eaab 100644 --- a/home/static/style/generalStyle.css +++ b/home/static/style/generalStyle.css @@ -85,4 +85,57 @@ nav ul li a:hover::after { height: auto; margin: auto; display: block; +} + +.defaultForm { + background-color: #2ca6a4; + width: 90%; + margin: 5%; + padding: 2%; + border-radius: 50px; +} + +.defaultForm h2 { + color: #EFFFC8; + justify-content: center; + margin-left: 45%; +} + +.defaultForm form input{ + height: 38px; + width: 100%; + border: 2px solid #CCF5AC; + background-color: #ffffff; + margin-bottom: 18px; + display: block; + font-size: 18px; + outline: none; +} + +.defaultForm form textarea { + width: 100%; + border: 2px solid #CCF5AC; + background-color: #ffffff; + margin-bottom: 18px; + display: block; + font-size: 18px; + outline: none; +} + +.defaultForm form label { + color: #1c1c1c; + font-family: Rockwell, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 19px; +} + +.defaultForm form button { + border-radius: 40px; + width: 100%; + height: 64px; + background-color: #1c1c1c; + color: #FFFFFF; + font-family: Rockwell, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 31px; + margin-top: 10px; + border: none; /*default border did kinda look cool tho */ } \ No newline at end of file diff --git a/home/static/style/headerStyle.css b/home/static/style/headerStyle.css index 00ef6cd..233e2f3 100644 --- a/home/static/style/headerStyle.css +++ b/home/static/style/headerStyle.css @@ -65,11 +65,11 @@ nav ul li a:hover::after{ color: #2B2525; } -footer { +.footer { position: absolute; - top: 100%; + margin-top: 100%; background-color: #1c1c1c; - height: 150px; + height: 1500px; width: 100%; display: flex; justify-content: flex-start; diff --git a/home/static/tags/3dmodel.png b/home/static/tags/3dmodel.png index 9bac4d1..3bf083a 100644 Binary files a/home/static/tags/3dmodel.png and b/home/static/tags/3dmodel.png differ diff --git a/home/static/tags/animation.png b/home/static/tags/animation.png index c139940..b8d5391 100644 Binary files a/home/static/tags/animation.png and b/home/static/tags/animation.png differ diff --git a/home/static/tags/graphicdesign.png b/home/static/tags/graphicdesign.png index 0910c86..1f51415 100644 Binary files a/home/static/tags/graphicdesign.png and b/home/static/tags/graphicdesign.png differ diff --git a/home/static/tags/illustration.png b/home/static/tags/illustration.png index f7beabf..3214ac3 100644 Binary files a/home/static/tags/illustration.png and b/home/static/tags/illustration.png differ diff --git a/home/static/tags/painting.png b/home/static/tags/painting.png index bf62402..07afe8c 100644 Binary files a/home/static/tags/painting.png and b/home/static/tags/painting.png differ diff --git a/home/static/tags/photography.png b/home/static/tags/photography.png index 7f0f3e5..048c93c 100644 Binary files a/home/static/tags/photography.png and b/home/static/tags/photography.png differ diff --git a/register/templates/register/edit_profile.html b/register/templates/register/edit_profile.html index cbf6d56..b3263e6 100644 --- a/register/templates/register/edit_profile.html +++ b/register/templates/register/edit_profile.html @@ -10,25 +10,28 @@

Customize Account

- ProfileImg + ProfileImg

{{ user.username }}

{{ user.profile.bio }}

-
- {% csrf_token %} -
- - - {{ u_form.as_p }} - - {{ p_form.as_p }} -
-
- -
-
- +
+
+ {% csrf_token %} +
+ +

Edit Details

+ + {{ u_form.as_p }} + + {{ p_form.as_p }} +
+
+ +
+
+
{% endblock %} diff --git a/templates/UploadArt.html b/templates/UploadArt.html deleted file mode 100644 index e69de29..0000000 diff --git a/templates/about.html b/templates/about.html index ec4dc51..327dee9 100644 --- a/templates/about.html +++ b/templates/about.html @@ -67,7 +67,7 @@

Feel free to reach out to us if you have any questions or concerns!

- + diff --git a/templates/contact.html b/templates/contact.html index d5d109d..701d4b1 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -14,53 +14,16 @@

Reach out and get in touch!

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Sed enim ut sem viverra aliquet eget sit. Odio - euismod lacinia at quis risus sed vulputate odio ut. Faucibus scelerisque eleifend - donec pretium vulputate sapien nec sagittis. Venenatis cras sed felis eget velit aliquet. - Lectus sit amet est placerat. Rhoncus mattis rhoncus urna neque. In metus vulputate eu - scelerisque felis imperdiet. Quisque egestas diam in arcu. Ac auctor augue mauris augue neque +

Feel free to contact us with any questions, comments, or concerns you have!

-
-
-
-

QUESTION

-

ANSWER

-
-
-
-
-

QUESTION

-

ANSWER

-
-
-
-
-

QUESTION

-

ANSWER

-
-
-
-
-

QUESTION

-

ANSWER

-
-
-
-
-

QUESTION

-

ANSWER

-
-
-
-
+
{% csrf_token %}
-

Send us a message!

+

Send us a message!

 {{ form.as_p }}
diff --git a/templates/home.html b/templates/home.html index 8267560..b2e95d3 100644 --- a/templates/home.html +++ b/templates/home.html @@ -6,8 +6,8 @@ {% block content %}
-

WELCOME!

-

Browse Categories!

+

WELCOME TO PORTFOL.IO!

+

Browse Categories Below!

@@ -34,16 +34,11 @@

Browse Categories!

-

About Porfol.IO

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Sed enim ut sem viverra aliquet eget sit. Odio - euismod lacinia at quis risus sed vulputate odio ut. Faucibus scelerisque eleifend - donec pretium vulputate sapien nec sagittis. Venenatis cras sed felis eget velit aliquet. - Lectus sit amet est placerat. Rhoncus mattis rhoncus urna neque. In metus vulputate eu - scelerisque felis imperdiet. Quisque egestas diam in arcu. Ac auctor augue mauris augue neque +

About Porfol.io

+

Want to know more about us and this project?

- +
diff --git a/templates/nav-bar.html b/templates/nav-bar.html index 5f34e89..16c6174 100644 --- a/templates/nav-bar.html +++ b/templates/nav-bar.html @@ -35,16 +35,16 @@
  • Contact
    • -
  • - Add Image -
    • -{#
  • #} -{# detail_view #} -{#
    • #} -
  • - viewart_view -
    • + {#
  • #} + {# detail_view #} + {#
    • #} + {#
  • #} + {# viewart_view #} + {#
    • #} {% if user.is_authenticated %} +
  • + Add Image +
  • Profile @@ -80,55 +80,57 @@ {#FOOTER DESIGN FOUND VIA BOOTSTRAP: https://mdbootstrap.com/docs/standard/navigation/footer/#} diff --git a/templates/upload.html b/templates/upload.html index 23c2bfe..ce86e22 100644 --- a/templates/upload.html +++ b/templates/upload.html @@ -7,20 +7,27 @@ {% block content %} - -

    Upload Image File

    - - {% csrf_token %} - {{ form.as_p }} -
    - -
    • -

    Upload Image URL

    -
    - {% csrf_token form2 %} - {{ form2.as_p }} -
    - -
    + + +
    +
    +

    Upload Image File

    +
    + {% csrf_token %} + {{ form.as_p }} +
    + +
    +
    +
    +

    Upload Image URL

    +
    + {% csrf_token form2 %} + {{ form2.as_p }} +
    + +
    +
    +
    {% endblock %}