First commit

app.py

@@ -0,0 +1,108 @@
+import streamlit as st
+from PIL import Image
+from streamlit_option_menu import option_menu
+
+image = Image.open('./brain.png')
+
+st.markdown("""<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>""",
+            unsafe_allow_html=True)
+
+# 1. as sidebar menu
+# with st.sidebar:
+#     selected = option_menu("Main Menu", ["Home", 'Contact'],
+#         icons=['house', 'gear'], menu_icon="cast", default_index=1)
+#     selected
+
+# 2. horizontal menu
+selected2 = option_menu(None, ["Home", "Projects", "Contact"],
+                        icons=['house', 'bi-archive', "bi-envelope"],
+                        menu_icon="cast", default_index=0,
+                        orientation="horizontal",
+                        styles={
+                            "nav-link" : {"color": "grey"},
+                            "nav-link-selected": {"background-color": "blue"}
+                        }
+                        )
+
+# styles={
+#             "container": {"padding": "0!important", "background-color": "#fafafa"},
+#             "icon": {"color": "orange", "font-size": "25px"},
+#             "nav-link": {"font-size": "25px", "text-align": "left", "margin":"0px", "--hover-color": "#eee"},
+#             "nav-link-selected": {"background-color": "green"},
+#         }
+
+
+if selected2 == "Home":
+    st.markdown("""
+        <div class="container text-center">
+            <div class="row">
+                <div class="col">
+                    <h1>Hola, Somos <span>LatamBrain</span></h1>
+                </div>
+            </div>
+        </div>
+    """, unsafe_allow_html=True)
+    st.image(image, caption='imagen de ejemplo', width=700)
+
+if selected2 == "Projects":
+    st.markdown("""
+    
+    
+    
+    
+    <div id="carouselExampleCaptions" class="carousel slide">
+  <div class="carousel-indicators">
+    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
+    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
+  </div>
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img src="..." class="d-block w-100" alt="...">
+      <div class="carousel-caption d-none d-md-block">
+        <h5>First slide label</h5>
+        <p>Some representative placeholder content for the first slide.</p>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img src="..." class="d-block w-100" alt="...">
+      <div class="carousel-caption d-none d-md-block">
+        <h5>Second slide label</h5>
+        <p>Some representative placeholder content for the second slide.</p>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img src="..." class="d-block w-100" alt="...">
+      <div class="carousel-caption d-none d-md-block">
+        <h5>Third slide label</h5>
+        <p>Some representative placeholder content for the third slide.</p>
+      </div>
+    </div>
+  </div>
+  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Previous</span>
+  </button>
+  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Next</span>
+  </button>
+</div>
+    """, unsafe_allow_html=True)
+if selected2 == "Contact":
+    st.markdown("""
+        <div class="container text-center">
+        <div class="row align-items-start">
+            <div class="col">
+                email
+            </div>
+            <div class="col">
+                github
+            </div>
+            <div class="col">
+                url
+            </div>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)

requirements.txt

@@ -0,0 +1,47 @@
+altair==4.2.2
+attrs==23.1.0
+blinker==1.6.2
+cachetools==5.3.0
+certifi==2022.12.7
+charset-normalizer==3.1.0
+click==8.1.3
+decorator==5.1.1
+entrypoints==0.4
+gitdb==4.0.10
+GitPython==3.1.31
+idna==3.4
+importlib-metadata==6.6.0
+Jinja2==3.1.2
+jsonschema==4.17.3
+markdown-it-py==2.2.0
+MarkupSafe==2.1.2
+mdurl==0.1.2
+numpy==1.24.2
+packaging==23.1
+pandas==1.5.3
+Pillow==9.5.0
+protobuf==3.20.3
+pyarrow==11.0.0
+pydeck==0.8.1b0
+Pygments==2.15.1
+Pympler==1.0.1
+pyrsistent==0.19.3
+python-dateutil==2.8.2
+pytz==2023.3
+pytz-deprecation-shim==0.1.0.post0
+requests==2.28.2
+rich==13.3.4
+six==1.16.0
+smmap==5.0.0
+streamlit==1.21.0
+streamlit-option-menu==0.3.2
+toml==0.10.2
+toolz==0.12.0
+tornado==6.3.1
+typing_extensions==4.5.0
+tzdata==2023.3
+tzlocal==4.3
+urllib3==1.26.15
+validators==0.20.0
+watchdog==3.0.0
+zipp==3.15.0