Upload 11 files

.streamlit/config.toml

@@ -0,0 +1,3 @@
+[theme]
+base="light"
+primaryColor="#b99de4"

app.py

@@ -0,0 +1,53 @@
+import streamlit as st  # pip install streamlit
+import streamlit.components.v1 as components
+
+
+
+st.set_page_config(page_title="Mohamed El Soudy Arena", page_icon="data/favicon.png", layout="centered")
+st.logo("data/msdark.png")
+
+st.sidebar.markdown("Reach me on social media!")
+st.header('''***:rainbow[Write to] :violet[Mohamed El Soudy]***''')
+
+from st_social_media_links import SocialMediaIcons
+
+social_media_links = [
+    "https://www.facebook.com/profile.php?id=100092398476667",
+    "https://www.instagram.com/s0udy_4",
+    "https://www.linkedin.com/in/mohamed-el-soudy-1a3246256",
+]
+
+social_media_icons = SocialMediaIcons(social_media_links)
+social_media_icons.render(sidebar=True)
+
+
+contact_form = """
+<form action="https://formsubmit.co/[email protected]" method="POST">
+     <textarea name="message" placeholder="drop some lines here"></textarea>
+     <input type="hidden" name="_captcha" value="false">
+     <button type="submit">SEND</button>
+</form>
+"""
+
+st.markdown(contact_form, unsafe_allow_html=True)
+
+# Use Local CSS File
+def local_css(file_name):
+    with open(file_name) as f:
+        st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+
+
+local_css("data/style.css")
+st.divider()
+col1, col2, col3, col4, col5= st.columns(5)
+with col1:
+    st.image("data/1.png")
+with col2:
+    st.image("data/2.png")
+with col3:
+    st.image("data/3.png")
+with col4:
+    st.image("data/4.png")
+with col5:
+    st.image("data/5.png")
+

data/style.css

@@ -0,0 +1,26 @@
+/* Style inputs with type="text", type="email"and textareas */
+input[type=text], textarea {
+  width: 100%; /* Full width */
+  padding: 12px; /* Some padding */ 
+  border: 1px solid #ccc; /* Gray border */
+  border-radius: 4px; /* Rounded borders */
+  box-sizing: border-box; /* Make sure that padding and width stays in place */
+  margin-top: 6px; /* Add a top margin */
+  margin-bottom: 16px; /* Bottom margin */
+  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
+}
+
+/* Style the submit button with a specific background color etc */
+button[type=submit] {
+  background-color: #b99de4;
+  color: white;
+  padding: 12px 20px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+/* When moving the mouse over the submit button, add a darker green color */
+button[type=submit]:hover {
+  background-color: #582b9d;
+}

requirements.txt

@@ -0,0 +1,2 @@
+streamlit==1.35
+st_social_media_links