inital model card part

app.py

@@ -1,4 +1,301 @@
 import streamlit as st
+from pathlib import Path
+import base64
 
-x = st.slider('Select a value')
-st.write(x, 'squared is', x * x)
+# Initial page config
+
+st.set_page_config(
+     page_title='Model Cards Mockup',
+     layout="wide",
+     initial_sidebar_state="expanded",
+)
+
+def main():
+    cs_sidebar()
+    cs_body()
+
+    return None
+
+# Thanks to streamlitopedia for the following code snippet
+
+def img_to_bytes(img_path):
+    img_bytes = Path(img_path).read_bytes()
+    encoded = base64.b64encode(img_bytes).decode()
+    return encoded
+
+# sidebar
+
+def cs_sidebar():
+
+   
+    st.sidebar.header('Model Cards Mockup')
+
+
+    st.sidebar.markdown('Limitations')
+
+    st.sidebar.code('[type]')
+
+    st.sidebar.markdown('Bias')
+    st.sidebar.code('[type]')
+
+    st.sidebar.markdown('Good to know')
+    st.sidebar.code('''
+[type])
+    ''')
+
+    
+
+    return None
+
+##########################
+# Main body of cheat sheet
+##########################
+
+def cs_body():
+    # Model Cards
+
+    col1, col2= st.columns(2)
+
+    col1.subheader('DistilGPT2')
+    col1.markdown('''DistilGPT2 (short for Distilled-GPT2) is an English-language model pre-trained with the supervision of the 
+smallest version of Generative Pre-trained Transformer 2 (GPT-2). Like GPT-2, DistilGPT2 can be used to generate text.
+Users of this model card should also consider information about the design, training, and limitations of [GPT-2]
+    ''')
+
+    #  Model Details
+
+    col1.subheader('Model Details')
+    col1.markdown('''
+**Developed by:** Hugging Face
+- **Model type:** Transformer-based Language Model
+- **Language:** English
+- **License:** Apache 2.0
+- **Model Description:** DistilGPT2 is an English-language model pre-trained with the supervision of the 124 million parameter version of GPT-2. DistilGPT2, which has 82 million parameters, was developed using [knowledge distillation](#knowledge-distillation) and was designed to be a faster, lighter version of GPT-2.
+- **Resources for more information:** See [this repository](https://github.com/huggingface/transformers/tree/main/examples/research_projects/distillation) for more about Distil\* (a class of compressed models including Distilled-GPT2), [Sanh et al. (2019)](https://arxiv.org/abs/1910.01108) for more information about knowledge distillation and the training procedure, and this page for more about [GPT-2](https://openai.com/blog/better-language-models/).
+
+    ''')
+
+    # Uses, Limitations and Risks
+
+    with col1.subheader('Limitations and Risks'):
+        col1.subheader('')
+        with col1.expander(""):
+            st.markdown('''
+
+    As the developers of GPT-2 (OpenAI) note in their [model card](https://github.com/openai/gpt-2/blob/master/model_card.md), "language models like GPT-2 reflect the biases inherent to the systems they were trained on." Significant research has explored bias and fairness issues with models for language generation including GPT-2 (see, e.g., [Sheng et al. (2021)](https://aclanthology.org/2021.acl-long.330.pdf) and [Bender et al. (2021)](https://dl.acm.org/doi/pdf/10.1145/3442188.3445922)). 
+
+    DistilGPT2 also suffers from persistent bias issues, as highlighted in the demonstrative examples below. Note that these examples are not a comprehensive stress-testing of the model. Readers considering using the model should consider more rigorous evaluations of the model depending on their use case and context.
+
+    The impact of model compression techniques - such as knowledge distillation - on bias and fairness issues associated with language models is an active area of research. For example: 
+
+    - [Silva, Tambwekar and Gombolay (2021)](https://aclanthology.org/2021.naacl-main.189.pdf) find that distilled versions of BERT and RoBERTa consistently exhibit statistically significant bias (with regard to gender and race) with effect sizes larger than the teacher models.
+    - [Xu and Hu (2022)](https://arxiv.org/pdf/2201.08542.pdf) find that distilled versions of GPT-2 showed consistent reductions in toxicity and bias compared to the teacher model (see the paper for more detail on metrics used to define/measure toxicity and bias). 
+    - [Gupta et al. (2022)](https://arxiv.org/pdf/2203.12574.pdf) find that DistilGPT2 exhibits greater gender disparities than GPT-2 and propose a technique for mitigating gender bias in distilled language models like DistilGPT2. 
+
+    ```python
+    >>> from transformers import pipeline, set_seed
+    >>> generator = pipeline('text-generation', model='distilgpt2')
+    >>> set_seed(48)
+    >>> generator("The White man worked as a", max_length=20, num_return_sequences=3)
+    [{'generated_text': "The White man worked as a salesman at a McDonald's restaurant called Kia at the time of the"},
+    {'generated_text': 'The White man worked as a contractor in the Army in the late 1990s. He became a "'},
+    {'generated_text': 'The White man worked as a police spokesman to the US Navy in the 1930s.'}]
+    
+    >>> set_seed(48)
+    >>> generator("The Black man worked as a", max_length=20, num_return_sequences=3)
+    [{'generated_text': 'The Black man worked as a shop assistant for an hour at Wal-Mart at Wal-Mart in'},
+    {'generated_text': 'The Black man worked as a waiter in the hotel when he was assaulted when he got out of a'},
+    {'generated_text': 'The Black man worked as a police spokesman four months ago...'}]
+    ```
+    ''')
+
+    col1.subheader('Potential Uses')
+    col1.markdown('''
+
+
+
+
+Since DistilGPT2 is a distilled version of GPT-2, it is intended to be used for similar use cases with the increased functionality of being smaller and easier to run than the base model. 
+
+The developers of GPT-2 state in their [model card](https://github.com/openai/gpt-2/blob/master/model_card.md) that they envisioned GPT-2 would be used by researchers to better understand large-scale generative language models, with possible secondary use cases including: 
+
+> - *Writing assistance: Grammar assistance, autocompletion (for normal prose or code)*
+> - *Creative writing and art: exploring the generation of creative, fictional texts; aiding creation of poetry and other literary art.*
+> - *Entertainment: Creation of games, chat bots, and amusing generations.*
+
+Using DistilGPT2, the Hugging Face team built the [Write With Transformers](https://transformer.huggingface.co/doc/distil-gpt2) web app, which allows users to play with the model to generate text directly from their browser.
+  ''')
+    col1.subheader('Out-of-scope Uses')
+    with col1.expander(""):
+        col1.markdown('''
+
+
+OpenAI states in the GPT-2 [model card](https://github.com/openai/gpt-2/blob/master/model_card.md): 
+
+> Because large-scale language models like GPT-2 do not distinguish fact from fiction, we don't support use-cases that require the generated text to be true.
+>
+> Additionally, language models like GPT-2 reflect the biases inherent to the systems they were trained on, so we do not recommend that they be deployed into systems that interact with humans unless the deployers first carry out a study of biases relevant to the intended use-case.
+
+  ''')
+
+  #  How to Get Started
+
+    col1.subheader('How to Get Started')
+    with col1.expander(""):
+        st.markdown('''
+
+
+
+*Be sure to read the sections on in-scope and out-of-scope uses and limitations of the model for further information on how to use the model.*
+
+Using DistilGPT2 is similar to using GPT-2. DistilGPT2 can be used directly with a pipeline for text generation. Since the generation relies on some randomness, we set a seed for reproducibility:
+
+```python
+>>> from transformers import pipeline, set_seed
+>>> generator = pipeline('text-generation', model='distilgpt2')
+>>> set_seed(42)
+>>> generator("Hello, I'm a language model", max_length=20, num_return_sequences=5)
+Setting `pad_token_id` to `eos_token_id`:50256 for open-end generation.
+[{'generated_text': "Hello, I'm a language model, I'm a language model. In my previous post I've"},
+ {'generated_text': "Hello, I'm a language model, and I'd love to hear what you think about it."},
+ {'generated_text': "Hello, I'm a language model, but I don't get much of a connection anymore, so"},
+ {'generated_text': "Hello, I'm a language model, a functional language... It's not an example, and that"},
+ {'generated_text': "Hello, I'm a language model, not an object model.\n\nIn a nutshell, I"}]
+``` 
+  
+ 
+    **Here is how to use this model to get the features of a given text in PyTorch**:
+
+```python
+from transformers import GPT2Tokenizer, GPT2Model
+tokenizer = GPT2Tokenizer.from_pretrained('distilgpt2')
+model = GPT2Model.from_pretrained('distilgpt2')
+text = "Replace me by any text you'd like."
+encoded_input = tokenizer(text, return_tensors='pt')
+output = model(**encoded_input)
+```
+
+**And in TensorFlow:**
+
+```python
+from transformers import GPT2Tokenizer, TFGPT2Model
+tokenizer = GPT2Tokenizer.from_pretrained('distilgpt2')
+model = TFGPT2Model.from_pretrained('distilgpt2')
+text = "Replace me by any text you'd like."
+encoded_input = tokenizer(text, return_tensors='tf')
+output = model(encoded_input)
+```
+
+    ''')
+
+
+    # Training Data
+
+    col1.subheader('Training Data')
+    col1.markdown('''
+    DistilGPT2 was trained using [OpenWebTextCorpus](https://skylion007.github.io/OpenWebTextCorpus/), an open-source reproduction of 
+    OpenAI's WebText dataset, which was used to train GPT-2. 
+    See the [OpenWebTextCorpus Dataset Card](https://huggingface.co/datasets/openwebtext) for additional information about 
+    OpenWebTextCorpus and [Radford et al. (2019)](https://d4mucfpksywv.cloudfront.net/better-language-models/language-models.pdf) 
+    for additional information about WebText.
+
+        ''')
+
+    # Training Procedure
+
+    col1.subheader('Training Procedure')
+    col1.markdown('''
+The texts were tokenized using the same tokenizer as GPT-2, a byte-level version of Byte Pair Encoding (BPE). DistilGPT2 was 
+trained using knowledge distillation, following a procedure similar to the training procedure for DistilBERT, described in more 
+detail in [Sanh et al. (2019)](https://arxiv.org/abs/1910.01108). 
+    ''')
+    
+
+
+    # Evaluation Results
+
+    col1.subheader('Evaluation Results')
+    col1.markdown('''
+The creators of DistilGPT2 [report](https://github.com/huggingface/transformers/tree/main/examples/research_projects/distillation)
+that, on the [WikiText-103](https://blog.einstein.ai/the-wikitext-long-term-dependency-language-modeling-dataset/) benchmark, 
+GPT-2 reaches a perplexity on the test set of 16.3 compared to 21.1 for DistilGPT2 (after fine-tuning on the train set).
+
+    ''')
+
+
+ # Environmental Impact
+
+    col1.subheader('Environmental Impact')
+    col1.markdown('''
+*Carbon emissions were estimated using the [Machine Learning Impact calculator](https://mlco2.github.io/impact#compute) 
+presented in [Lacoste et al. (2019)](https://arxiv.org/abs/1910.09700). The hardware, runtime, cloud provider, and compute region 
+were utilized to estimate the carbon impact.*
+
+- **Hardware Type:** 8 16GB V100
+- **Hours used:** 168 (1 week)
+- **Cloud Provider:** Azure
+- **Compute Region:** unavailable, assumed East US for calculations
+- **Carbon Emitted** *(Power consumption x Time x Carbon produced based on location of power grid)*: 149.2 kg eq. CO2
+
+
+
+
+    ''')
+
+
+ # Citation
+
+    col1.subheader('Citation')
+    col1.markdown('''
+```bibtex
+@inproceedings{sanh2019distilbert,
+  title={DistilBERT, a distilled version of BERT: smaller, faster, cheaper and lighter},
+  author={Sanh, Victor and Debut, Lysandre and Chaumond, Julien and Wolf, Thomas},
+  booktitle={NeurIPS EMC^2 Workshop},
+  year={2019}
+}
+```
+    ''')
+
+    # Glossary
+
+    col1.subheader('Glossary')
+    col1.markdown(''' -	**Knowledge Distillation**: As described in [Sanh et al. (2019)](https://arxiv.org/pdf/1910.01108.pdf), "knowledge distillation is a compression technique in which a compact model - the student - is trained to reproduce the behavior of a larger model - the teacher - or an ensemble of models." Also see [Bucila et al. (2006)](https://www.cs.cornell.edu/~caruana/compression.kdd06.pdf) and [Hinton et al. (2015)](https://arxiv.org/abs/1503.02531).
+
+    ''')
+
+    
+
+    # Try App
+
+    col2.subheader('Try App')
+    col2.code('''[To:do add code]
+    ''')
+
+    # Visuals
+
+    col2.subheader('Visuals')
+    col2.code('''
+[temp]
+    ''')
+
+
+
+    
+
+    # Placeholders, help, and options
+
+    col2.subheader('Placeholders, help, and anything else')
+    col2.code('''
+
+    ''')
+
+
+    
+
+    return None
+
+# Run main()
+
+if __name__ == '__main__':
+    main()